Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/vim/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图生成错误_Javascript_Google Maps - Fatal编程技术网

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设置,我想是的,但是如果按钮有问题,那么我不是每隔一次都会有问题,而不仅仅是最初的呼叫吗?