高德 Polygon鼠标事件无效

最新推荐文章于 2024-08-06 14:47:35 发布

原创最新推荐文章于 2024-08-06 14:47:35 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

遇到在高德地图中创建Polygon矢量图层后，监听的‘mouseover’和‘mouseout’鼠标事件无法正常触发的问题。原因是传入的二维坐标为string类型，解决方案是将坐标数据类型转换为number类型。

在创建 Polygon 矢量图层后，监听鼠标移入事件，‘mouseover’、‘mouseout’都无效。


export const addPolygons = (map, path, id, obj) => {
  const polygon = new AMap.Polygon({
    path,
    id,
    cursor: 'pointer',
    ...obj,
  });
  polygon.on('mouseover', function(e) {
    console.log('mouseover',e)
  })
  map.add(polygon);
  return polygon;
};