問題タブ [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 投票する
1 に答える
1630 参照

jquery - Leaflet ポイントにオンクリック機能を追加する

次のコードを使用して、Leaflet を使用して json ポイントをマップに追加します。

ポイントをクリックすると、geojson ファイルからの詳細情報を含むポップアップが表示されるように機能を追加したいと考えています。これはどのように達成されますか?

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

leaflet - リーフレット マップ要素は DOM に配置されていますが、レンダリングされませんか?

Leaflet のすべての要素が DOM に表示されているため、Leaflet はレンダリングされていますが、他には何も動きません。私が見るのは灰色だけです。

マップ タイルを表示する唯一の方法は、マップ コンテナーの position:absolute を削除することですが、それによってごちゃごちゃしたマップ タイルが作成されます。GIT の履歴を調べて、誤ってスタイルを変更したかどうかを確認しましたが、うまくいきませんでした。

マップを初期化するコードは次のとおりです。

環境には jQuery モバイルが含まれます。残念ながら、コンソールはエラーをログに記録せず、上記の localStorage は実際に調べたときに有効な LatLng 値を保持しています。

スクリーンショット: スクリーンショット

推測はありますか?

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

javascript - leaflet.jsで.off()イベントメソッドをどのように使用しますか?

leaflet.jsを使用してマップアプリケーションを構築しようとしていますが、.offメソッドの使用方法がわかりません。ドキュメントには例がなく、オンラインで他に何も見つからないようです。私は問題をより単純なコードのチャンクにまとめたので、私の質問はより明確になるでしょう。

基本的に、「クリックを有効にする」リンクをクリックすると、クリックするたびにマップにマーカーを追加するイベントリスナーが追加されるように設定しています。「クリックを無効にする」をクリックしたときに、そのイベントリスナーを削除したいと思います。

こちらがデモへのリンクです

これが私が今持っているコードです。

私はすでにたくさんの異なることを試したので、「this.disableClick」全体は私が試した最新の奇妙なことです。誰か手がかりがありますか?

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

jquery - jsonデータをpython(bottle.py)からleafletのjavascriptライブラリに渡して、滑りやすい地図に表示します

シンプルなサイドプロジェクトだと思っていたものに取り組んでいます。私はPythonについて何も知らないので、私は自分の快適ゾーンから少し外れていることがわかりました(PHPは私が扱っているものです)。興味のあるポイントのセットを表示する(cloudemadeのリーフレットを使用して)滑りやすいマップを作成しようとしています。POIの名前、緯度、経度を含むCSVファイルがあります。

これまでのところ、CSVデータを読み取ってJSONデータに変換し、bottle.pyを使用してWebページにJSONデータのダンプを表示することができます。

私の質問は、bottle.pyのJSONデータをjqueryを介してleafletのjavascriptライブラリに渡すにはどうすればよいですか?

クリス

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

javascript - リーフレットロケートでユーザーを見つける方法は?

ユーザーを見つけて、リーフレットを使用してマップをこの位置に設定しようとしています:

ブラウザの実行時に許可を求めますが、何も起こりませんか? コードの何が問題になっていますか?

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

javascript - リーフレットのポップアップに画像を表示

wunderground の API、Leaflet、および Cloudmade を使用して、マップ マーカーに天気アイコンを表示しようとしています。テキストが表示され、アイコン画像を含む変数がありますが、表示する方法がわかりません。これが私のコードです:

私はこれを試しましたが成功しませんでした:

助言がありますか?

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

javascript - Leaflet.js または非 Google マップ ベースで Fusion Tables タイルを使用していますか?

Google Fusion Tables は、地図上に何千ものマーカーを効率的に表示できるという事実が気に入っています。

私の質問:次のシナリオのいずれかで、OpenStreetMap マップ タイルの上にフュージョン テーブル レイヤーを表示することは (技術的にも法的にも) 可能ですか?

  1. OSM タイルと Fusion Tables レイヤーでLeaflet.jsを使用します。これが技術的に可能かどうかはわかりませんが、法的にはなおさらです。
  2. Fusion Tables レイヤーOpenStreetMapタイルで Google Maps API を使用する。技術的には明らかに可能ですが、Fusion Tables の結果を Google マップ タイルに表示する必要があるかどうかはわかりません (Google ジオコーダーの結果のように)。

利用規約には、 Google 以外のマップ タイルを明確に除外するものはありません。私の好みのオプションは Leaflet ですが、Leaflet を使用して Fusion Tables レイヤーを呼び出す方法があるかどうかはわかりません。

注: Fusion Tables への JSON クエリを作成して個々のマーカーをレンダリングすることについて話しているのではありません。具体的には、何千ものマーカーを個別にレンダリングすることなく表示できるタイル レイヤーについて話しているのです。

ご協力いただきありがとうございます!

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

ssl - SSL Web サイトで Maptraction を使用することは可能ですか?

色々調べてみたのですが、どうやらSSLサイトではMapstractionが使えないようです。誰かがこれを行うことができましたか、それとも SSL タイル プロバイダーを使用する最良のオプションは Leaflet/OpenLayers でしょうか。

前もって感謝します

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

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

単純なポリゴンを使用しても、理想的には、最も外側のすべての座標が塗りつぶしのエッジになる場合でも、これを取得できます。ここに画像の説明を入力してください