0

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;問題なく動作します。ただし、ページの読み込み時に地図を表示したくないので、ユーザーに地図を切り替えてもらいます。誰かが私のアプローチに何か問題があるのを見ることができますか?

4

2 に答える 2

3

たぶん、マップを初期化するときにマップを表示する必要があります。これは、マップが適切にレンダリングするためにコンテナの寸法を測定する必要がある場合に特に発生します。

ダイオードがマップを視覚野から移動することを提案したように実行するか(可視性をfalseに設定することもできます)、実際にマップを表示する必要があるときにマップを初期化します。

于 2009-05-08T20:15:20.450 に答える
2

または、 を使用して画面外に移動することもできますleft:-2000px

于 2009-05-08T19:42:03.247 に答える