实际需求是鼠标移到点(覆盖物)上显示点详细信息。
做完之后发现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: '' });
});