사용자 정의 반응 구성 요소를 지오 코더 입력 상자로 사용하려면 어떻게합니까?

Question

나는 단순한 맵 박스 인 gl과 반응하는 앱을 만들고있다. 두 개의 구성 요소가 포함 된 <App/> 구성 요소 <Map/> 및 <Input/> 있습니다. 현재 내지도 및 지오 코더는 <Map/> 구성 요소 내에 정의되어 있습니다. <Input/> 구성 요소 안에는 지오 코더 입력 상자로 활용하려는 contentEditable div가 있습니다.

<App/> 안에있는 함수를 가지고 있습니다. <Input/>에 전달하면 contentEditable div의 현재 값을 가져옵니다. 이 쿼리를 '적용하고 결과를 얻는 방법'에 대해 혼란스러워합니다.

감사합니다.

Answer 1

사용할 수있는 Mapbox에 이미 Geocoder React Component이 있습니다.

그렇지 않으면 Javascript client for Mapbox services이 있습니다. 마지막으로, 전체 제어를 원할 경우 Geocoding API을 직접 호출 할 수 있습니다. https://www.mapbox.com/help/how-geocoding-works/