虚拟地球地图以显示开始时不显示：无

Question

我有这段代码可以使用Virtual Earth API来显示地图：

<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;样式，则效果很好。但是我不希望在页面加载时显示地图，而是希望用户进行切换。有人可以看到我的方法有什么问题吗？

Answer 1

也许地图在初始化时需要显示。发生这种情况尤其是在地图必须测量容器的尺寸以便正确呈现的情况下。

要么按照Diodes的建议，将地图移出可视区域（您也可以将可见性设置为false），或者在实际需要显示地图时初始化地图。

Answer 2

或者，您可以使用left:-2000px将其移出屏幕。