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

I want to add Map in innerHTML of Div(Dynamically created)

本文关键字：innerHTML 添加 地图 创建 Div 动态      更新时间：2023-09-26

我想在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 - 3行,5。您已经创建了#newdiv并将其附加到您的contentdiv。

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

第6-11行:Stock Google Maps代码，直接来自http://code.google.com/apis/maps/documentation/javascript/tutorial.html

第13行:(对某些人来说很不幸)如果更改了idname变量，这一行将处理Google Maps到页面的插入。不如试试这个:

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

这将设置您可以使用的Map对象并将其放在Map [i]中。当然，我假设你有一个i的值并且初始化了map。

修改map[i] =为var map =

这会让你的生活更轻松:)

相关文章：