VirtualEarthAPIを使用して地図を表示するための次のコードがあります。
<script type="text/javascript">
function GetMap() {
var map = map = new VEMap('myMap');
map.LoadMap(new VELatLong(47.6, -122.33), 10, 'h', false);
}
$(document).ready(function () {
GetMap();
});
</script>
<a href="#" onclick="$('#myMap').toggle();">Show Map</a>
<div id="myMap" style="position:relative; width:400px; height:400px; display:none;"></div>
これは機能せず、マップを配置する場所にブラックボックスが表示されます。スタイルを削除すると、display: none;問題なく動作します。ただし、ページの読み込み時に地図を表示したくないので、ユーザーに地図を切り替えてもらいます。誰かが私のアプローチに何か問題があるのを見ることができますか?