谷歌地图API V3瓷砖无法渲染 - 这笔交易是什么?

时间:2015-08-28 07:11:13

标签: javascript google-maps google-maps-api-3

我正在尝试加载一个视图非常放大的地图,其高度约为8500像素,宽度仅约为400像素。加载地图时,部分顶部和底部图块不会显示。如果在地图加载后,我缩小并返回,它将显示,但仍然存在在顶部和底部部分渲染标签和标记之类的问题。

以下是jsFiddle重新创建问题(在结果中向下滚动)以及我的地图初始化函数的js:

function initialize() {
var myStyles = [
    { featureType: "poi",
        stylers: [
            { visibility: "off" },
                ]
    },
    { featureType: "transit",
        stylers: [
            { visibility: "off"},
                ]
    }
];
var center = {lat: 33.7251470, lng: -118.2879740};
var mapOptions = {
    center: center,
    zoom: 18,
    zoomControl: true,
    panControl: false,
    scaleControl: false,
    scrollwheel: false,
    draggable: false,
    mapTypeControl: true,
    streetViewControl: false,
    styles: myStyles,
    };
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

1 个答案:

答案 0 :(得分:1)

这似乎是实验性API版本的问题,而是加载发布版本:

https://maps.googleapis.com/maps/api/js?v=3&key=yourkey&callback=initialize

http://jsfiddle.net/n99hLwf5/