問題タブ [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 - Leaflet ポイントにオンクリック機能を追加する
次のコードを使用して、Leaflet を使用して json ポイントをマップに追加します。
ポイントをクリックすると、geojson ファイルからの詳細情報を含むポップアップが表示されるように機能を追加したいと考えています。これはどのように達成されますか?
leaflet - リーフレット マップ要素は DOM に配置されていますが、レンダリングされませんか?
Leaflet のすべての要素が DOM に表示されているため、Leaflet はレンダリングされていますが、他には何も動きません。私が見るのは灰色だけです。
マップ タイルを表示する唯一の方法は、マップ コンテナーの position:absolute を削除することですが、それによってごちゃごちゃしたマップ タイルが作成されます。GIT の履歴を調べて、誤ってスタイルを変更したかどうかを確認しましたが、うまくいきませんでした。
マップを初期化するコードは次のとおりです。
環境には jQuery モバイルが含まれます。残念ながら、コンソールはエラーをログに記録せず、上記の localStorage は実際に調べたときに有効な LatLng 値を保持しています。
スクリーンショット:
推測はありますか?
javascript - leaflet.jsで.off()イベントメソッドをどのように使用しますか?
leaflet.jsを使用してマップアプリケーションを構築しようとしていますが、.offメソッドの使用方法がわかりません。ドキュメントには例がなく、オンラインで他に何も見つからないようです。私は問題をより単純なコードのチャンクにまとめたので、私の質問はより明確になるでしょう。
基本的に、「クリックを有効にする」リンクをクリックすると、クリックするたびにマップにマーカーを追加するイベントリスナーが追加されるように設定しています。「クリックを無効にする」をクリックしたときに、そのイベントリスナーを削除したいと思います。
これが私が今持っているコードです。
私はすでにたくさんの異なることを試したので、「this.disableClick」全体は私が試した最新の奇妙なことです。誰か手がかりがありますか?
jquery - jsonデータをpython(bottle.py)からleafletのjavascriptライブラリに渡して、滑りやすい地図に表示します
シンプルなサイドプロジェクトだと思っていたものに取り組んでいます。私はPythonについて何も知らないので、私は自分の快適ゾーンから少し外れていることがわかりました(PHPは私が扱っているものです)。興味のあるポイントのセットを表示する(cloudemadeのリーフレットを使用して)滑りやすいマップを作成しようとしています。POIの名前、緯度、経度を含むCSVファイルがあります。
これまでのところ、CSVデータを読み取ってJSONデータに変換し、bottle.pyを使用してWebページにJSONデータのダンプを表示することができます。
私の質問は、bottle.pyのJSONデータをjqueryを介してleafletのjavascriptライブラリに渡すにはどうすればよいですか?
クリス
javascript - リーフレットロケートでユーザーを見つける方法は?
ユーザーを見つけて、リーフレットを使用してマップをこの位置に設定しようとしています:
ブラウザの実行時に許可を求めますが、何も起こりませんか? コードの何が問題になっていますか?
javascript - リーフレットのポップアップに画像を表示
wunderground の API、Leaflet、および Cloudmade を使用して、マップ マーカーに天気アイコンを表示しようとしています。テキストが表示され、アイコン画像を含む変数がありますが、表示する方法がわかりません。これが私のコードです:
私はこれを試しましたが成功しませんでした:
助言がありますか?
javascript - Leaflet.js または非 Google マップ ベースで Fusion Tables タイルを使用していますか?
Google Fusion Tables は、地図上に何千ものマーカーを効率的に表示できるという事実が気に入っています。
私の質問:次のシナリオのいずれかで、OpenStreetMap マップ タイルの上にフュージョン テーブル レイヤーを表示することは (技術的にも法的にも) 可能ですか?
- OSM タイルと Fusion Tables レイヤーでLeaflet.jsを使用します。これが技術的に可能かどうかはわかりませんが、法的にはなおさらです。
- Fusion Tables レイヤーとOpenStreetMapタイルで Google Maps API を使用する。技術的には明らかに可能ですが、Fusion Tables の結果を Google マップ タイルに表示する必要があるかどうかはわかりません (Google ジオコーダーの結果のように)。
利用規約には、 Google 以外のマップ タイルを明確に除外するものはありません。私の好みのオプションは Leaflet ですが、Leaflet を使用して Fusion Tables レイヤーを呼び出す方法があるかどうかはわかりません。
注: Fusion Tables への JSON クエリを作成して個々のマーカーをレンダリングすることについて話しているのではありません。具体的には、何千ものマーカーを個別にレンダリングすることなく表示できるタイル レイヤーについて話しているのです。
ご協力いただきありがとうございます!
ssl - SSL Web サイトで Maptraction を使用することは可能ですか?
色々調べてみたのですが、どうやらSSLサイトではMapstractionが使えないようです。誰かがこれを行うことができましたか、それとも SSL タイル プロバイダーを使用する最良のオプションは Leaflet/OpenLayers でしょうか。
前もって感謝します
javascript - ポリゴンの塗りつぶしがわかりませんか?
ポイントを使用してポリゴンレイヤーを作成すると[{"lat":51.509,"lng":-0.08},{"lat":51.503,"lng":-0.06},{"lat":51.51,"lng":-0.047},{"lat":"51.500","lng":"-0.039"}]
、次のようにレンダリングされます。
これは私が必要としているものではありません。また、ポイントを追加/削除していますが、ポリゴンから交差する線を削除して、基本的に1つの塗りつぶされた形状を作成する方法がわかりません。まだ誰かこれをしましたか?また、Googleマップにも同じ問題があることに気づきました。本当にシェーディング付きのPolyLineである場合、真の「ポリゴン」のポイントは何ですか?!
ドキュメント: http: //leaflet.cloudmade.com/reference.html#polygon
単純なポリゴンを使用しても、理想的には、最も外側のすべての座標が塗りつぶしのエッジになる場合でも、これを取得できます。