問題タブ [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.
javascript - React Router Link は LeafletJS では機能しません
バージョン:
- 反応ルータドム 4.1.1
- 反応ルーターredux 5.0.0-alpha.4
- 反応リーフレット 1.1.3
- リーフレット 1.0.3
再現する手順
リーフレットマップを作成します。いくつかのマーカーを追加します。これらのマーカーにはポップアップがあります。これらのポップアップのそれぞれに、<Link>
また、これが役立つ場合は、私のルーティング構成です:
予想される行動
リンクが表示され、ポップアップが開いたときにクリックできます。
実際の動作
追加の詳細
内部ではリーフレットから<MapMode>
使用しています。タグのすぐ上<Map>
に設定すると機能します。の中にリンクを入れたいと思ったらすぐに、どういうわけか壊れてしまいます。これは私のページの React 構造です。Javascript が壊れているため
、タグには次のものが含まれています。<Link>
<Map>
<Map>
<Popup>
null
かなり難しい問題ですので、お気軽にご質問ください。ありがとう。
leaflet - オリジナルのリーフレット プラグインを使用した react-leaflet
これは、何らかの問題というよりは、より理論的な問題です。私はリーフレット用のラッパーを開発することを計画しています (API のイン/アウトを使用して他の開発者チームのリーフレットで作業をカプセル化します)、react-leaflet を使用するか、ネイティブのリーフレット ライブラリを使用するかを考えています。
リーフレット用に利用可能なプラグインの非常に長いリストがあり、私が見る限り、react-leaflet 用に実装されているのは +-10 個だけです。
あなたの経験から、元のリーフレット プラグインはすべて、react-leaflet で正常に動作しますか? どのくらいの頻度で問題が発生し、どれがまったく機能していませんか?
javascript - Leaflet ReactJS Map でタイルが完全に表示されない
モーダル内にあるマップを作成しようとしています。しかし、地図は部分的にしか表示されていません。ノードの作成後に試してみinvalidatingSize()
ましたが、うまくいかないようです。