問題タブ [react-leaflet]

マップ上のマーカーを出力するカスタム 反応コンポーネントはどのように作成する必要がありますか? 私はこのように機能する必要があります:

https://github.com/varya/react-leaftlet-test/blob/master/src/MyMarker.jsMyMarkerのようなコンポーネントを作成しましたが、これはエラーになります:

MapLayerコンポーネントは拡張するだけでなく、特別なインターフェイスを提供する必要があると思います。何が欠けている？ドキュメントで同様の例を見つけることができませんでした。

また、複数のマーカーを出力するにはどうすればよいですか? つまり、React では単一のラッパーである必要があります。<div>しかし、それは地図のためだけではありません。このラッパーはどのように書かれるべきですか?

PS: これは私のケースを実演するレポですhttps://github.com/varya/react-leaftlet-test

現在、以下に示すように、境界パラメーターを渡すことにより、反応リーフレット マップの境界を設定しています。

問題は、マップの最も外側の部分 (ビュー内) にマーカーがレンダリングされることがあるため、マップをドラッグするか、1 か所をズームアウトしない限り、マーカーが表示されないことです。これをバッファで修正しようとしていたか、境界をプロットしてからズームを使用して一度ズームアウトしようとしましたが、何も機能していないようです。何かアイデアはありますか？

React-Leafletのドキュメントでは、特定の動的プロパティを props を介して設定できることが指定されています。ただし、カスタマイズ可能な他の多くの Leaflet プロパティ/メソッドがあります...それらにアクセスするには、Leaflet インスタンスと直接やり取りする必要があることに注意してください (ここで React-Leaflet ドキュメントで説明されています)。

これを適切に行う方法の例を見つけることができませんでしたが、うまく機能させることができました:

JSFiddle の例

これはこれを行うための最良の方法ですか？

これは一般的な JS の質問です。

React-leaflet では、コールバックを介してイベントを処理したいと考えています。呼び出された関数は、this.getZoom() のようなことを行うために使用できる呼び出し元 (イベント) コンテキストを取得します。

問題は、状態を更新して他のメソッドを呼び出すために、反応要素コンテキストが必要であると同時にです。

「this.getZoom()」を実現するには、コールバックをバインドしないでください。「this.setState(...)」を実現するには、コールバックを「this」にバインドする必要があります。

しかし、呼び出し元とコールバックの両方のコンテキストを変数としてコールバックに渡す方法は?

それとも、このタイプの問題は別の方法で解決されるのでしょうか?

この jsfiddle を参照してください: https://jsfiddle.net/nf8k23s7/1/

ClojureScript の react-leaflet を使用しようとしていますが、タイルのレンダリング方法に問題があります。

• 一部のタイルが表示されない
• 異なる都市で隣り合わせに表示されるタイルがあります

ここに私が持っているコードがあります:

そして、これが私がローカルで行った結果です。

注: ブラウザのサイズを変更すると効果があるように見えるので、これも css の問題である可能性があります (?)。私は効果なしで以下を含めようとしました：

ライブラリの react-leaflet を使用して、単純な Web アプリを作成しようとしています。

次のコードがあります。

ただし、TileLayer は常にランダムな順序で表示されます。ComponentDidMount()で動作する必要がある多くのコードを読みましたがReactjs、私が見たレンダリングは、ライブラリと比較してまったく異なります。

私に何ができるか分かりますか？

独自のズームボタンを作成しようとしていますreact-leaflet

次のコードがあります。

これはすべて良い方法を示していますが、ズームインまたはズームアウトできる機能を配置したいと思います。react-leaflet ライブラリを使用してリーフレットのメソッドを呼び出す方法がわかりません。
私はそれを実装するために多くの方法を試しましたが、成功しませんでした。

それを実装する方法はありますか？

Leafletを使用しているreactアプリケーションのマップビューに取り組んでいます( react-leaflet )。マップ上にマーカーをプロットすることはできますが、マーカーにバインドしたポップアップをクリックしても開きません。最初に<Marker>and<Popup>コンポーネントを使用してみましたが、このGithub の問題は、マップ コンポーネントからリーフレット マップ オブジェクトを取得し、マーカーを明示的にバインドする方がよい可能性があることを示唆しています。これは私が持っているものです:

marker.on('click'...)行のコメントを外しても、console.log決して起動しないようです。誰が何が起こっているのかについて何か考えがありますか?

反応リーフレットを使用して、マップ上で非常に長いパスを視覚化しました。ユーザーはリストから選択できますが、選択したパスに別の色を付けたいです。状態を変更して再度レンダリングするのは遅すぎるため、より高速な解決策を探しています。

リーフレット パス要素には setStyle() メソッドがあるため、最初のアイデアは、再度レンダリングする代わりにそれを使用することでした。しかし、リーフレット レイヤーを参照するにはどうすればよいでしょうか。

では、このコードのLEAFLET_POLYLINEの代わりに何を書けばよいのでしょうか?