我想在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++;
答案 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 =
。
这应该让你的生活更轻松:)