2017-12-19 28 views
0

私は単純なマップボックスを作成しています - glと反応するアプリ。私はコンポーネントに2つのコンポーネント<Map/><Input/>を含んでいます。私は現在、マップとジオコーダーを<Map/>コンポーネント内に定義しています。 <Input/>コンポーネントの中には、ジオコーダー入力ボックスとして活用したいcontentEditable divがあります。カスタム反応コンポーネントをジオコーダー入力ボックスとして使用するにはどうすればよいですか?

<App/>の中に私は<Input/>に渡して、contentEditable divの現在の値を取得する関数を持っています。私はこのクエリを「適用する」方法を混乱させ、結果を得る。

ありがとうございます!

+0

ようこそ! [最小で完全で検証可能な例](https://stackoverflow.com/help/mcve)を含めると、さらに便利な応答が得られます。乾杯! –

答えて

0

Mapbox用に既にGeocoder React Componentがあります。

そうでなければ、Javascript client for Mapbox servicesがあります。 最後に、完全制御を望む場合は、Geocoding APIを直接呼び出すことができます。

詳細については、https://www.mapbox.com/help/how-geocoding-works/

+0

ありがとうございます。私は完全なコントロールオプションを使いました。私のような新聞の資料は少し荒いですが、友人の助けを借りて私は良い進歩を遂げることができました。 – astrojams1

+0

これは知っておいてよかった!あなたはJSクライアントを見てください、それはあなたに多くの時間を節約するかもしれません。 場所の名前からLatLngを見つけることは、 と同じくらい簡単です。 'client.geocodeForward( 'Eiffel tower').then(res => console.log(res.entity.features [0] .center))' – MeltedPenguin

関連する問題