問題タブ [react-leaflet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
949 参照

reactjs - 反応リーフレットの検索ボックスが間違っているように見える

ここに画像の説明を入力

ボタンを押して開くとしたら、そのように見えます。私はmapzenのleaflet-geocoderでreact-leafletを使用しています。

0 投票する
4 に答える
11804 参照

reactjs - 反応リーフレットマーカークリック時の任意関数

PopupReact-leafletは、マーカー内にコンテンツを配置する機能をうまく提供します。

たとえば、私の例では:

ただし、このコンテンツが大きすぎると、特にモバイルでは扱いにくくなる可能性があります。マーカーのクリックで (ブートストラップ) モーダル インターフェイスをアクティブにしたいと思います。反応リーフレットでそれを行う方法はありますか?

0 投票する
1 に答える
2001 参照

javascript - アドレスから緯度と言語を取得して、リーフレットに反応するように渡します

反応リーフレットは、マップ内の目的の場所を表示するために緯度と経度を必要とします。指定された住所から緯度と経度を計算するにはどうすればよいですか? 2 つの住所の緯度と経度が必要です。

ジオコーダを使用し、その中に renderMap 関数をラップする必要がありますか? 私のコードでは、cityOrigen と cityDestino の緯度と経度が必要です。

0 投票する
0 に答える
2145 参照

javascript - カスタム マーカーが表示されない

マップを表示するために react-leaflet を使用しました。また、ルーティングにはリーフレットルーティングマシンを使用しました。ルートは正しく表示されますが、マーカーは車のアイコンによって上書きされません。divIcon を使用してマーカーをオーバーライドするためにルーティングと反応リーフレットの両方を試しましたが、まだ成功していません。

これが私のコードです

car-result.js

main.css

何か見逃しましたか?

アップデート

ルーティングも現在壊れており、マーカーは車の画像で上書きされていません。

ここに画像の説明を入力

0 投票する
1 に答える
742 参照

javascript - Leaflet-DVF+ReactJs:Uncaught TypeError: Undefined のプロパティ 'call' を読み取れません(…)

(L.MapMarker and L.ArcedPolyline)ライブラリを使用して反応コンポーネントにレイヤーを追加しようとするとLeaflet-Dvf、次のエラーが発生します。

リーフレット dvf 参照: https://github.com/humangeo/leaflet-dvf

考えられるすべての依存関係を試してみましたが、それでも同じエラーが発生しました。プレーンな html の同じコードは正常に動作しますが、React コンポーネントでのみエラーが発生します。

以下はコードです:

エラーのスクリーンショット: ここに画像の説明を入力

ここに画像の説明を入力

0 投票する
3 に答える
11226 参照

react-leaflet - 使用可能なスペースに合わせて、react-leaflet マップ コンポーネント自体のサイズを変更する

Map コンポーネントの幅の設定は機能しますが、高さはピクセル単位の絶対サイズにしか反応しないようです。

マップ コントロールが親要素内の使用可能なスペースを自動的に消費するようにすることは可能ですか?