gpt4 book ai didi

google-maps - Google Maps API v3 map 未完全加载

转载 作者:行者123 更新时间:2023-12-04 15:12:58 24 4
gpt4 key购买 nike

我在使用谷歌地图时遇到了一些困难。问题是只有一小部分 map 正在加载,如下所示:

enter image description here

页面加载后,如果我稍微调整浏览器的大小,这会导致完整的 map 刷新并正确加载,如下所示:
enter image description here

这是我的javascript代码:

google.maps.event.addDomListener(window, 'load', initialize);

$(document).ready(function(){
var $width = document.getElementById("propertysection").offsetWidth;
$('#map-canvas-2').width($width-28-175);
$('#map-canvas-2').height($width);
$('#myGridMap').height($width);
});

function initialize() {
var map;
var propertyMap;
var marker;
var infowindow;
var myOptions = {
zoom: 6,
center:new google.maps.LatLng(50.7,-86.05),
mapTypeId: google.maps.MapTypeId.HYBRID
}
map = new google.maps.Map(document.getElementById("map-canvas-2"),myOptions);
infowindow = new google.maps.InfoWindow({
content: 'Property Info',
position: new google.maps.LatLng(0, 0)
});
}

谁能提出问题可能是什么?谢谢。

最佳答案

您不应将 jquery 就绪方法与窗口加载事件混用(参见 http://api.jquery.com/ready/ )。

相反,从您的 .ready 函数中调用初始化,或者将窗口大小调整函数放在初始化方法本身中(在初始化 map 之前)。

关于google-maps - Google Maps API v3 map 未完全加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15607049/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com