jquery - 谷歌地图标记随机消失

Question

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

问题是，有时当向下更改度数时，标记会从 map 上消失。现在，有时它似乎非常具体——一旦它在一个上失败了，它似乎永远不会为它工作。但如果你不断随机更改值，在某个时候，它会“松开”并再次工作，而其他人会失败。

在检查了开发工具后，谷歌标记图标周围的 div 似乎有时会膨胀到全宽，0 高度(显然接近光速)，并且图像会从其 html 中消失。

更奇怪的是，在那些无法渲染的地方，如果我在红色象限(例如左上角)中四处单击，很多时候标记会按原样放置在那里。但随后将象限中的标记拖向另一个角，它就会消失——不应运行/处理拖动事件的代码。我无法解释这一点。

我有一个 JSFiddle 来显示这个问题，如果有人能帮我找出问题所在，我将不胜感激。根据脚本，标记位置设置后，我在控制台中验证，它仍然显示为设置的位置，所以我不知道为什么它不起作用。

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

fiddle - 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

Answer 1

在深入研究了 Google map 的 API 之后，我得出的结论是，这似乎是 Google map 的实际 v3 脚本的错误。我无法通过触发调整大小事件来重绘 map 来使 map 与变通方法一起正常工作，更不用说我尝试过的任何其他方法了。我最终不得不重新编写脚本以在度数选择更改时丢弃 map 、标记、边界和矩形，并且每次都从头开始重建它以确保标记始终显示。可怕，但除非来自这里/Google 的人另有说明并且可以提供修复，否则我就是这种情况。