根据周围标记的位置动态更改谷歌地图上的头像标记z-index答案

【问题标题】：Dynamically change avatar marker z-index on google map based on position of surrounding markers根据周围标记的位置动态更改谷歌地图上的头像标记z-index
【发布时间】：2018-08-03 20:50:58
【问题描述】：

我可能会对你们所有人提出一个有趣的挑战。我在我的 Google 地图 API (javascript) 上生成了许多标记，包括一个代表在地图上移动的头像。

我将地图上的其他图标设置为比我的头像低的 z-index。当头像低于周围的标记时看起来不错，但是当我的头像在触摸它们时移动到高于其他标记时，看起来头像正在走过它们，而不是只是从它们旁边经过。

让我给你看两张照片：

不错

不好

无论如何我可以在不影响页面性能的情况下更改头像的 z-index？

非常感谢 Stack，我确实研究过这个，但无法弄清楚。

【问题讨论】：

标签： javascript api dictionary marker

【解决方案1】：

我想通了。但我不知道它有多重。

代码如下：

for (var i=0; i<markers.length; i++) {

    if (google.maps.geometry.spherical.computeDistanceBetween(markers[i].getPosition(),marker.getPosition()) < 20)
    {

                if (marker.getPosition().lng() > markers[i].getPosition().lng()) {
                    marker.setZIndex(98);                       
                }
                else {
                    marker.setZIndex(100);
                }
            }
        }

    }

我所有的标记都放在标记数组中。我的角色是可变标记。每次角色垂直移动时都会调用该函数。

希望有一天这可以帮助其他人。

【讨论】：