Javascript 谷歌地图生成错误
我有一个程序,可以输入邮政编码并制作谷歌地图。映射被设置为Javascript 谷歌地图生成错误,javascript,google-maps,Javascript,Google Maps,我有一个程序,可以输入邮政编码并制作谷歌地图。映射被设置为隐藏的div,直到生成映射为止。绘制地图后,div设置为display:block。问题在于,第一次生成贴图时(仅第一次),它看起来是这样的: 当我再次点击“查找商店”按钮时,它看起来如下所示: 我已经尝试过对map方法进行初始调用(在真正调用之前,我一直将其隐藏),但这并不能解决问题。我不想显示我所有的代码(有很多),但下面是我如何制作地图的 <div id = "map_canvas" style = " height: 3
隐藏的div
,直到生成映射为止。绘制地图后,div
设置为display:block
。问题在于,第一次生成贴图时(仅第一次),它看起来是这样的:
当我再次点击“查找商店”按钮时,它看起来如下所示:
我已经尝试过对map方法进行初始调用(在真正调用之前,我一直将其隐藏),但这并不能解决问题。我不想显示我所有的代码(有很多),但下面是我如何制作地图的
<div id = "map_canvas" style = " height: 300px; width: 300px;"></div>
//Creates a new center location for the google map
var latlng = new google.maps.LatLng(lat, lng);
//The options for the google map
var mapOptions = {
zoom: 7,
maxZoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//Creates the new map
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
//为谷歌地图创建一个新的中心位置
var latlng=新的google.maps.latlng(lat,lng);
//谷歌地图的选项
变量映射选项={
缩放:7,
maxZoom:12,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
//创建新地图
map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
还要注意,下面的两幅图像在正确的位置都有正确的标记
有什么建议吗?当您初始化地图时,它看起来是完全缩小的,这显示了google使用的单个250x250磁贴。我怀疑您的第一个“查找存储”可能发生了错误按钮单击可能会阻止访问和正确执行地图创建代码。这是一个常见问题。更改容器后,需要触发映射重画。大多数情况下,这是由显示/隐藏div引起的
在v3中,它是:
google.maps.event.trigger(map, 'resize')
在v2中,它是:
map.checkResize()
为什么它会被缩小呢?我有一个zoom和max zoom设置,我想是的,但是如果按钮有问题,那么我不是每隔一次都会有问题,而不仅仅是最初的呼叫吗?