如何使用自定义的React组件作为地址解析器输入框？

Question

我正在创建一个简单的mapbox-gl和react应用程序。 我有一个<App/>组件，其中包含两个组件<Map/>和<Input/> 。 目前，我在<Map/>组件中定义了地图和地址解析器。 在<Input/>组件中，我有一个contentEditable div，我想利用它作为我的地址解析器输入框。

我在<App/>内部有一个函数，该函数可以传递给<Input/> ，该函数可为我获取contentEditable div中的当前值。 我对如何“应用”此查询并获得结果感到困惑。

谢谢！

Answer 1

您已经可以使用适用于Mapbox的Geocoder React组件 。

否则，有此Mapbox服务的Javascript客户端 。 最后，如果您希望完全控制，则可以直接调用地理编码API 。

有关更多信息： https : //www.mapbox.com/help/how-geocoding-works/