Javascript 我想在Div的innerHTML中添加映射(动态创建)

Javascript 我想在Div的innerHTML中添加映射(动态创建),javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我想在动态创建的DivHTML的innerHTML中添加映射 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 th

我想在动态创建的DivHTML的innerHTML中添加映射

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-3,5行。您已经创建了newdiv并将其附加到内容div中。太棒了

第4行:您试图将新div的内容设置为不存在的内容。删除这一行

第6-11行:股票谷歌地图代码,直接从

第13行:不幸的是,如果您更改了idname变量,这一行将处理将Google地图插入页面的操作。试试这个怎么样:

map[i] = new google.maps.Map(ni, myOptions);
这将设置您可以使用的Map对象,并将其放入Map[i]中。当然,我假设你有一个I的值,并且已经初始化了map。如果不是,则将map[i]=更改为var map=

这会让你的生活更轻松: