reactjs - 如何在 React 中使用没有地图的 MapboxGeocoder
问题描述
我正在尝试在 React 中使用不带地图的 Mapbox Geocoder(请参阅https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/)。我可以成功创建一个 refs,但是一旦我将它用作.addTo()
函数中的参数,我会收到此错误消息,尽管 refs 是[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
解决方案
请参阅https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#addto您必须将字符串选择器(如#id
或)传递.class
给 addTo,而不是对实际元素的引用。
推荐阅读
- python - 身份验证失败在 /oauth/complete/github/ Django 中的社交登录错误
- tiddlywiki - Tiddly维基。如何更改列表样式并对齐?
- javascript - reactjs更新对象数组
- rdf - 我想写一个 rmlmapper 并将它应用到一个变量而不是一个文件。有可能(rmlapper-java)吗?
- visual-studio-code - 通过 VScode API 播放音频的最佳方式是什么?
- javascript - 如何在 Express.js 中使用查询字符串参数编写 API 路由
- sql - 使用键值对存储对象
- python - BigQuery Python 客户端库中查询结果的差异
- python - 如何用另一个数据框元素替换数据框元素
- reactjs - 如何使用 NextjJs 通过电子邮件发送附件(简历)