高级开发实用案例 (8):加载多个多边形叠加并实现鼠标高亮显示和点击事件的解决方案
最编程
2024-03-28 16:10:24
...
//创建多边形-函数封装;
function addPolygon(path) {
var polygon = new AMap.Polygon({
map: map,
path: path,
strokeColor: "#1E9FFF",
strokeWeight: 2,
strokeStyle: 'dashed',
strokeOpacity: 1,
fillOpacity: 0.1,
fillColor: '#1E9FFF',
zIndex: 50,
});
//多边形覆盖物上点击显示窗体;
polygon.on('click', function (e) {
openInfo(e.lnglat);
});
//鼠标高亮效果
polygon.on('mouseover', function (e) {
polygon.setOptions({
fillColor: '#FFB800',
})
});
polygon.on('mouseout', function (e) {
polygon.setOptions({
fillColor: '#1E9FFF',
})
});
}