javascript - 動的に生成された div での Google/Bing マップの読み込み

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

動的ノードに Google マップまたは Bing マップを追加しても問題はありません。

ただし、HTML ノードを [0] で適切に使用するには、コードを少し変更する必要があります。そして # を忘れないでください

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