我正在尝试加载一个视图非常放大的地图,其高度约为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);
}
答案 0 :(得分:1)
这似乎是实验性API版本的问题,而是加载发布版本:
https://maps.googleapis.com/maps/api/js?v=3&key=yourkey&callback=initialize