問題タブ [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 に答える
5128 参照

javascript - Google Maps Geocoder と Leaflet Map の受信エラーの組み合わせ: 無効な LatLng オブジェクト

Google Maps Geocoder を使用して、住所の緯度と経度を取得しています。次に、その住所を取得して Leaflet を使用し、マップを緯度 + 経度の座標にパンします。ただし、Firebug からError: Invalid LatLng object: (-33.8674869, 151.20699020000006, undefined). 変数geolocationが返されることはわかっています-33.8674869, 151.20699020000006が、未定義ではありません。問題の原因は何ですか?

0 投票する
5 に答える
24147 参照

gis - leaflet.js でのレイヤーの順序付け

リーフレットのマップに追加された新しいレイヤーを強制的にベースマップの最初にするにはどうすればよいですか?

非常に基本的な GIS 機能であるレイヤーの順序を簡単に変更する方法が見つかりませんでした。何か不足していますか?

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

jquery - 異なる要素の同じイベント(1つではなく2つの非同期結果)

同じイベントで2つの要素を処理する必要があるが、この場合は混乱しているという古典的な質問。私はleaflet.jsを使用していますが、コードをより一般的にします

空のvar宣言:

最初にバインドされたイベント:

2番目のバインドされたイベント(上記と同じコード内):

スクリプトを初めて実行するときは両方とも非同期であると思うので、両方とも同時に実行され、最初/* make some divs based on markerslayer array */ は持っていますが2つ作成さifれます。

簡単に言えば(私は思う)何が起こっているのか:

  1. 空の変数を作成します
  2. それらは非同期で実行されるため、空であると見なされます
  3. 1つではなく2つの結果を作成します
  4. 追加:それらが再度起動されると、それぞれが独自の結果のみをリセットします(markerslayerとmarkerslayer_copyがあるようなものです)。
0 投票する
4 に答える
13845 参照

angularjs - angularjs と Leafletjs

次のダイレクト コードはhttp://jsfiddle.net/M6RPn/26/から のものです。多くの緯度と経度を持つ json フィードを取得したい..Angular で $resource または $http を使用して json を簡単に取得できますが、どうすればこのディレクティブにフィードして、マップ上にマップしますか?

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

jquery - リーフレットのさまざまなホバーおよびクリックイベント

マーカーをクリックする代わりに、マウスホバーイベントのポップアップを表示し、クリックされたときに他の処理(funcなど)実行しようとしています。

私が信じていない私の半分成功したコードは、あなたがその方向に考えるのを助けるでしょう:

(クリックイベントにホバーを追加するだけです)

[i]は単にループを表します


LeafletのAPI: http: //leaflet.cloudmade.com/reference.html#map-openpopup

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

javascript - マップの外からリーフレット マーカー レイヤーを操作するにはどうすればよいですか?

GeoJSONからレンダリングされたパブリック アート作品のポイントを示すリーフレット マップがあります。マップの横に、同じGeoJSONデータからピースのリストを作成し、マップの外側のリストからアイテムをクリックして、関連するマーカーのポップアップをマップに表示できるようにしたいと考えています。

クリック イベントを介してアイテムのリストをそれぞれのマーカーにリンクするにはどうすればよいですか?

私の map.js ファイルは次のようになります。

0 投票する
4 に答える
7441 参照

leaflet - Leaflet & Mapbox: OpenPopup が機能しない

リーフレットの openPopup メソッドに問題があります。

マーカーをクリックすると、ポップアップが開きます。しかし、マップがロードされたときに最初のポップアップを開きたいと思います。(そしてマーカーをクリックすると他のポップアップが開きます)

アニーのアイデア?

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

python - ツイートを場所ごとにリアルタイムで地図にプロットする方法(リーフレットなど)

リーフレットなどの地図アプリケーションに、場所ごとにリアルタイムのツイートをプロットするための最良の方法を知りたいです。

現在、ストリーミングAPI(フィルター処理済み)によってツイートを取得し、mongodbに保存しています。これを最もよく達成する方法を知りたいです。PythonとFlaskフレームワークを使用しています。

そのため、ツイートの情報はDBに保存され、同時に地図上にリアルタイムでプロットされます。

ありがとう

0 投票する
6 に答える
28814 参照

javascript - Leaflet は地図以外の画像に適したツールですか?

テクニカル イラスト(パン、ズーム、クリック) を操作する Web アプリを作成しています。Cloudmade Leafletはこれに適したツールだと思いますが、それは誰かがそれを使用して XKCD 1110 をパン/ズーム可能にして、その結果が本当に気に入ったからです。

明らかに、元のテクニカル イラストレーションをタイル化して拡大縮小する必要がありますが、それは私が解決した些細な問題だとしましょう。しかしLeaflet APIを見ると、技術イラスト (.ai、.svg、および .png ファイル) を GeoJSON のような地理的標準に変換する必要があるようです。それは厄介な提案のように思えます。

マップ以外の画像をナビゲートするために Leaflet やその他のツールを推奨できる人はいますか?

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

maps - Leafletマップにズームレベルを追加する

リーフレットを使用して、自分のタイルを使用して写真マップを作成します。これは期待どおりに機能します。

ズームがこのQuadtreeタイプのパターンに従わないようにする方法を見つけようとしています。

  • ズームレベル0-マップ全体の幅=256px;
  • ズームレベル1-マップ全体の幅=512px;
  • ズームレベル2-マップ全体の幅=1024px;
  • 等々...

25%または100pxの増分でズームインできるようにしたいと思います。

100pxの増分の例:

  • ズームレベル0-マップ全体の幅=200px;
  • ズームレベル1-マップ全体の幅=300px;
  • ズームレベル2-マップ全体の幅=400px;
  • 等々...

質問: これを行うためのロジックは何ですか?可能であれば?


これを実行したい理由は、写真マップ(通常のマップのように折り返されない)の応答性を高め、ユーザーの画面サイズにうまく合わせることができるようにするためです。

私はここで見ることができる私の問題のデモンストレーションをしました