高德地图marker的label被别的marker遮挡

实际需求是鼠标移到点(覆盖物)上显示点详细信息。
做完之后发现label会被其它maker遮挡。

1、当鼠标移上来时,改变样式z-index为999,鼠标移出的时候,蒋该节点z-index改为0

    marker.on('mouseover', () => {
      marker.setzIndex(999);
      // 或者  e.target.setzIndex(999);
      marker.setLabel({ content: label, direction: 'right', offset: new AMap.Pixel(-30, -30) });
    });
    marker.on('mouseout', () => {
      marker.setzIndex(100);
      // 或者  e.target.setzIndex(100);
      marker.setLabel({ content: '' });
    });

2、利用maker的setTop方法
高德文档marker详细参数说明

    marker.on('mouseover', e => {
      marker.setTop(true);
      // 或者  e.target.setTop(true);
      marker.setLabel({ content: label, direction: 'right', offset: new AMap.Pixel(-30, -30) });
    });
    marker.on('mouseout', e => {
      marker.setTop(false);
      // 或者 e.target.setTop(false);
      marker.setLabel({ content: '' });
    });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容