我想在Div的innerHTML中添加Map(动态创建)

时间:2011-08-09 04:43:45

标签: javascript jquery google-maps

我想在Div的innerHTML中添加Map(动态创建).....

var ni = document.getElementById('content');
var newdiv = document.createElement('div');
newdiv.setAttribute('id',idname);
newdiv.innerHTML = map[i];//it is not adding map,because map[i] is not defined...how to solve this...
ni.appendChild(newdiv);
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };

map[i] = new google.maps.Map(document.getElementById(idname),myOptions);
i++;

1 个答案:

答案 0 :(得分:0)

这里有很多事情是错误的。

第1-3,5行。你已经制作了#newdiv并将它附加到你的内容div。太好了!

第4行:您正在尝试使用不存在的内容设置新div的内容。 删除此行。

第6-11行:直接从http://code.google.com/apis/maps/documentation/javascript/tutorial.html

购买Google地图代码

第13行:(不幸的是)如果您更改了idname变量,此行将处理将Google地图插入您的网页的情况。尝试这个怎么样:

map[i] = new google.maps.Map(ni, myOptions);

这将设置您可以使用的Map对象并将其放在map [i]中。当然,我假设你有i的值,并初始化map。如果没有,请将map[i] =更改为var map =

这应该让你的生活更轻松:)