开发者问题收集

使用 React 在双击事件上添加 Mapbox 标记

2022-05-03
1694

我遇到了一些困难,使我的代码正常工作。我正在使用交互式地图上的工作,我想添加一个函数,当用户“双击”允许他们添加标记时,该功能应该从地图本身中拉长和lat。

< < P>我对使用该功能的部分有: 170086711

,这是我写下我的功能的地方:

328807926

这是我调用函数的地方:

716882999

该应用程序运行良好,但是当我双击时什么也不会发生。如果我在浏览器中打开控制台,我每次双击时都会收到此错误:

632814328

不确定我在做什么错,任何帮助都将不胜感激!<<<< /p>

2个回答

如果错误来自此行:

const [longitude, latitude] = e.lngLat;

那么很有可能 e.lngLat 不是您所期望的数组。该字段在哪里设置?它可能没有按照您期望的方式进行设置。

Jan
2022-05-03

使用此代码

const { lat, lng: long } = e.lngLat;

const handleAddClick = (e) => {
  const [lat, long] = e.lngLat;
  setNewPlace({ lat, long });
};
Matthew Byran
2022-07-29