問題タブ [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.
jquery - リーフレット マップが正しく読み込まれない
Web サービスでマップを使用leaflet
していますが、正しく読み込まれません。下部は実際にはロードされていません。
それを解決する方法は?私はこのコードを使用します:
google-maps-api-3 - Google サテライト レイヤーを使用したリーフレット マップ API
Leaflet Map APIにとても興味があります。
ただし、Google サテライト レイヤーを使用できるようにする必要があります。Google サテライト レイヤーを Leaflet に追加する方法の例を見つけることができませんでした。これを行うには、引き続き Google Maps API をロードする必要があることを理解しています (OpenLayers に例があります)。
javascript - Leaflet.js + クラスタリングで openPopup() を使用する
私はしばらくの間、素晴らしい OpenStreetMap マッピング ライブラリ leaflet.js を使用してきましたが、このクラスタリング プラグインの実装を開始したところです。さまざまなレイヤーをマップとクリック可能なサイドバーにロードする現在のプロジェクトで問題なく動作しています。
唯一の問題は、サイドバー アイテムをクリックし、対応するマーカーがクラスタリング オブジェクト内にある場合、エラーが発生することです。(try/catch を使用して) エラーをチェックし、ズームして、レイヤーが次のように表示されるようにすることで、これを回避しました。
唯一の問題は、ズーム後に openPopup() メソッドを実行しようとすると同じエラーが発生することですが、サイドバーをもう一度クリックすると、ポップアップが正常に表示されます。ここで実際にそれを見ることができます:
http://www2.lichfielddc.gov.uk/myarea/map2.php
何か案は?
javascript - Leaflet ポップアップのコンテンツを更新するにはどうすればよいですか?
LeafletでWaxを使用しています。リーフレットの L.GeoJSON を使用して、GeoJSON で州境を描きながら、米国の地図を作成しています。
マップのロード中にすべてを設定できますが、マップの描画後にポップアップのコンテンツを調整できる必要があります。これが私がやっていることの簡素化されたバージョンです:
今、すべてがうまく描画され、ポップアップには適切なコンテンツがありますが、後で変更したいのですが、それを参照する方法がありません。bindPopup() が 'this' を返すことをソースで見ました。これは L.Popup オブジェクトだと思っていましたが、別のものになりました。したがって、たとえば、次のコードは、取得しようとしている特定の L.Path オブジェクト (状態) の特定のポップアップではなく、アクティブなポップアップを更新します。
firebug を使用して DOM を掘り下げると、ポップアップ コンテンツが内部変数に設定されており、それを更新できることもわかります。ただし、これを更新しても HTML は更新されず、アラスカが 52 のキーを持っていることを知る方法はありません。 .Popup オブジェクト。
だから、私はちょっと立ち往生していて、必要なものが見つかりません。最初のレンダリング後にマップ上の特定のポップアップを参照してコンテンツを更新する方法はありますか?
javascript - リーフレット js: POI をキャンバスとして描画する
Leafletでジオポイントをたくさん描きたい。したがって、HTML5 キャンバスを使用してパフォーマンスを向上させたいと考えています。私のデータソースは geoJSON です。リーフレットのドキュメントで見たように、地理位置をキャンバスとして描画することはまだできません。
私はここに接続する必要があると思います:
pointToLayer: 関数 (latlng) { }
私のlatlngオブジェクトをキャンバスとして描く方法を誰かが知っていますか?
maps - ポリゴンオーバーレイのドラッグ-リーフレットオープンソースマップAPI
オープンソースマップを使用して、マップ上にWebアプリケーションを作成しています。マップ上のどこにでもドラッグできるポリゴンオーバーレイを作成する必要があります。Leaflet APIで確認しましたが、見つかりませんでした。どんな助けでも大歓迎です。ありがとう。
jquery - リーフレット - 既存のマーカーを見つけてマーカーを削除する方法は?
リーフレットをオープン ソース マップとして使用し始めました。http://leaflet.cloudmade.com/
次の jQuery コードは、マップのクリック時にマップ上にマーカーを作成できるようにします。
しかし、現在、(私のコードでは) 既存のマーカーを削除したり、マップ上で作成したすべてのマーカーを見つけてそれらを配列に入れたりする方法はありません。誰でもこれを行う方法を理解するのを手伝ってもらえますか? リーフレットのドキュメントはこちらから入手できます: http://leaflet.cloudmade.com/reference.html
javascript - リーフレット JS マーカーは、Android WebView で「タップ/クリック」イベントを発生させません。
リーフレット JS マーカーは、Android WebView で「タップ/クリック」イベントを発生させません。Android 2.x -> 4.0 でテストしましたか? mapbox + ワックス + リーフレット JS を使用しています。誰かがこれを機能させましたか?ありがとう!!
maps - ズームレベルに応じてアイコン画像を変更する方法はありますか? (leaflet.js)
Web アプリケーション用の領域描画ツールを作成しており、ユーザーが多角形の形状を変更するために使用できるアンカーとしてマーカーを使用しています。
これは私がこれまでに持っているものです。http://demos.nodeline.com/leaflet_development/
リポジトリはhttps://github.com/SpencerCooley/Leaflet_developmentにあります
ユーザーがストリートレベルにズームインしている場合にのみ、マーカーを通常のサイズにしたい。ズームアウトすると、通常のサイズのマーカーがポリゴンを完全に覆い隠します。ドキュメントを調べましたが、これについては何も見つかりませんでした。
私は主に提案/ブレインストーミングを探しています。現在どのズーム状態にあるかを検出する方法があるのではないかと考えています。もしそうなら、if ステートメントを使用してアイコンを変更できます。
jquery - Leaflet & jQuery Mobile - サイズ変更の問題
現在、jQuery Mobile と Leaflet をうまく連携させるのに問題があります。「pageinit」でマップのサイズを変更するリーフレットを取得できないようで、代わりに左上隅の小さなボックスにポップアップ表示されます。
ズームレベルも正しくありません。タイムアウトと invaidateSize メソッドを設定しようとしましたが、まだ問題があります。また、固定のヘッダーとフッターを使用しており、それらによってコントロールが見えなくなります。これはページのコードです
ご協力いただきありがとうございます。JSON が間違ったページに読み込まれ、pageinit イベントが 2 回発生するという問題もありますが、それは別の質問です。
ショーン