AMap 地图在 React 中加载后无法点击 Marker 怎么办？

开发者松浩提问于 2026-03-17 18:25:19 阅读 3

交互

我在用 React 集成高德地图时，Marker 能正常显示，但点击事件完全没反应，控制台也没报错。我明明加了 click 事件监听，是不是哪里写错了？

之前试过把事件绑定放在 useEffect 里，也试过用 AMap.event.addListener，都不行。是不是 React 的渲染机制和高德地图的 DOM 操作有冲突？

useEffect(() => {
  const marker = new AMap.Marker({
    position: [116.397428, 39.90923],
    map: mapInstance,
  });
  marker.on('click', () => {
    console.log('marker clicked!');
  });
}, [mapInstance]);

我来解答赞 0 收藏

反馈

暂无解答