高德地图marker的遮挡问题

最新推荐文章于 2022-12-01 14:47:17 发布

hahah1234111111

最新推荐文章于 2022-12-01 14:47:17 发布

阅读量2.9k

点赞数 4

文章标签： js

本文链接：https://blog.csdn.net/hahah1234111111/article/details/118365273

版权

本文介绍了解决高德地图Marker遮挡问题的方法。通过使用setTop方法，可以实现在鼠标悬停时Marker置于顶层的效果，使得Marker不会被其他元素遮挡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

高德地图marker的遮挡问题

       var marker = new AMap.Marker({
            position: [
              longitude,latitude,
            ],
            map: map,
            icon: startIcon,
          });

          marker.on("mouseover", function (e) {
            e.target.setTop(true);
          });
          marker.on("mouseout", function (e) {
            e.target.setTop(false);
          });

这里设置的是鼠标移入时显示，移出时恢复默认。

不知道是文档更新了，还是什么原因，网上一直使用setTop(true，27000)，这样不能实现。只需要setTop(true)就可以了