實際需求是鼠標移到點(覆蓋物)上顯示點詳細信息。
做完之后發(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: '' });
});