javascript - Google/Bing 地图加载动态生成的 div

Question

如何在动态生成的 div 上加载 Bing/Google 地图？

例子

<div id="cont"></div>

...

$('#cont').append('<div id="mapDiv" style="position: relative; width: 100%; height: 100%;"></div>');//dynamically add div

var map = new Microsoft.Maps.Map($("mapDiv"), myOptions);//Bing/Google maps

有什么建议吗？

Answer 1

在动态节点上添加谷歌地图或必应地图没有问题。

但是您应该稍微更改一下代码，以便正确使用带有 [0] 的 HTML 节点。别忘了#

var map = new Microsoft.Maps.Map($("#mapDiv")[0], myOptions);//Bing/Google maps