高德地圖marker的label被別的marker遮擋

實際需求是鼠標移到點(覆蓋物)上顯示點詳細信息。
做完之后發(fā)現(xiàn)label會被其它maker遮擋。

1、當鼠標移上來時,改變樣式z-index為999,鼠標移出的時候,蔣該節(jié)點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詳細參數(shù)說明

    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: '' });
    });
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容