Google / Bing Maps加载动态生成的div

Question

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

示例

<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

在动态节点上添加Google地图或Bing地图没有问题。

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

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