时间戳

首页 > 解决方案 > 根据周围标记的位置动态更改谷歌地图上的头像标记z-index

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

问题描述

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

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

让我给你看两张照片：

好的

在此处输入图像描述

坏的

在此处输入图像描述

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

非常感谢堆栈，我确实研究了这个，但无法弄清楚。

标签： javascriptapidictionarymarker

解决方案

我想到了。但我不知道它是如何征税的。

这是代码：

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);
                }
            }
        }

    }

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

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

推荐阅读