-2

我正在尝试将自定义地图添加到我的网站，这是我第一次使用 Google 地图 API V3

问题是只有部分地图出现在地图 div 内，并且地图的所有剩余部分都保持卸载状态，除非我重新调整浏览器的大小或拖动地图的可见部分开始正常加载。

这是HTML代码

 <div id="map_canvas" style="width:40%; height:1000px"></div>

这是jquery代码

function initialize() {
            var latlng = new google.maps.LatLng(57.0442, 9.9116);
            var settings = {
                zoom: 15,
                center: latlng,
                mapTypeControl: true,
                mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                navigationControl: true,
                navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                mapTypeId: google.maps.MapTypeId.ROADMAP};
            var map = new google.maps.Map(document.getElementById("map_canvas"), settings);


            google.maps.event.addListener(map, 'idle', function() {
                google.maps.event.trigger(map, 'resize'); 

            });

您也可以通过以下测试链接联系我们这里是链接

4

1 回答 1

1

由于地图最初是不可见的，因此您必须在地图显示时触发地图（或窗口）的调整大小事件。
这将强制 API 加载丢失的图块。

$.animate()末尾的回调openSection()应该是一个很好的地方。

于 2013-02-23T15:11:14.633 回答