如何在 React 中使用没有地图的 MapboxGeocoder

Question

我正在尝试在 React 中使用不带地图的 Mapbox Geocoder（请参阅 https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/ ）。我可以成功创建一个引用，但是一旦我将它用作.addTo() 函数中的参数，我会收到此错误消息，尽管引用是[object HTMLDivElement]：

Error: addTo Container must be a mapbox-gl-js map or a html element reference

代码在这里：https://codesandbox.io/s/patient-hill-xvh12?fontsize=14&hidenavigation=1&theme=dark

Answer 1

参见https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#addto，您必须将字符串选择器（如#id 或.class）传递给addTo，而不是对实际元素的引用。