javascript - 向现有标记集添加新的独特标记(谷歌地图)

标签 javascript google-maps google-maps-api-3

我有一个谷歌地图,它通过 JSON 从 PHP 脚本中检索标记的信息(LatLng 等)。有一个 Google map 监听器可以删除所有现有标记,检索 bounds_changed 上的标记并将它们添加到 map 中。

问题:由于在 map 上绘制了大量标记,每次用户更改 map 边界(拖动、缩放...)时,ALL标记被删除、检索并再次添加,主要是由于绘制新标记(我认为)导致相当大的延迟。很多时候,用户只是稍微改变了边界,导致重新添加了大约 75% 的标记。

为了加快速度,我决定在 bounds_changed 事件中, map 应该只清除现在在 map 边界范围内的标记,并下载并添加现在在 map 边界内的新标记 map 边界。如何做到这一点?

附加信息:我确实有一个数组markers[],其中所有新创建的标记都被压入

最佳答案

我建议你看看 MarkerManager Library

这应该可以帮助您解决问题,您将避免推出自己的解决方案。

关于javascript - 向现有标记集添加新的独特标记(谷歌地图),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8418425/

相关文章:

javascript - 小直 (Yahtzee) 算法

javascript - 将特定图像从一个 div 克隆到另一个 div 但更改 onClick 和 ID

ios - 中心的 GMSMarker 图标 (iOS)

javascript - 在信息窗口调用 setContent 后 Jquery 选择器失败

javascript - 谷歌地图 API : Markers from XML file not being displayed

javascript - 如何在 google map api 中更改缩放更改的标记

javascript - 用JS显示和隐藏多个占用相同空间的div

javascript - Extjs 4 网格悬停效果

javascript - 谷歌地图 :- InvalidValueError: setIcon: not a string; and no url property; and no path property

javascript - 谷歌地图 infowindow 错误 f = undefined infowindow.js