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