Google地图标记随机消失

时间:2013-11-07 02:15:12

标签: jquery html5 google-maps google-maps-api-3 google-maps-markers

我一直在为一个有3个选择列表的网站编写脚本,一个用于度象限(纬度,经度)。这个想法是,当用户选择度象限时,它会提示他们是否要使用地图进行纬度/长时间分钟。如果他们选择加入,则会显示地图,他们可以使用标记指示其在该象限内的位置。

问题在于,有时当更改度数下降时,标记将从地图中消失。现在,有时它似乎非常具体 - 一旦失败,它似乎永远不会起作用。但是如果你不断地随意改变这些值,那么它会在某个时刻被“解开”并再次发挥作用,而其他人则会失败。

检查开发工具后,看起来围绕google标记图标的div有时会爆炸到全宽,0高度(显然接近光速),图像将从其html中消失。

更奇怪的是,对于那些无法渲染的东西,如果我在红色象限中点击,例如左上角,很多时候标记会将它自己放在那里。但是然后将象限中的标记拖向另一个角落,它就会消失 - 没有代码应该运行/处理拖动事件。我无法解释这一点。

我有一个JSFiddle来展示这个问题,并且会感谢能够帮助我弄清楚出了什么问题的任何人。根据脚本,在设置标记位置后,我在控制台中验证它,它仍然显示为它设置的内容,所以我不知道为什么它不起作用。

PS - 请原谅我的JS代码,因为它目前是混沌理论中的一个实验,同时试图让它发挥作用。

小提琴 - http://jsfiddle.net/TkE87/light/

结果 - http://jsfiddle.net/TkE87/embedded/result/

PSS - 请在下面找到一个测试用例,至少在我看来,它会重现所有这些问题:

Select 25,82
Click use map
Select 25,81
Marker shown
Select 25,80
Marker gone
Select 24,80
Marker gone
Select 24,81
Marker shown
Select 24,80
Marker gone
Click in upper left corner
Drag marker towards right in red square
Marker disappears ~1/4 way in

1 个答案:

答案 0 :(得分:1)

在谷歌地图的API中进行了一些挖掘后,我得出结论,这似乎与Google地图的实际v3脚本有关。通过触发调整大小事件来重绘地图,我无法通过变通方法使地图正常工作,更不用说我尝试的其他任何东西了。我最终只需要重新编码脚本,以便在度数选择发生变化时丢弃地图,标记,边界和矩形,并且每次都从头开始重建它以确保标记始终显示。很隐蔽,但除非来自这里的人/谷歌另有说法并且可以提供修复,否则就是我的情况。