問題タブ [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 - リーフレットとgeoJsonを使用したオブジェクトの監視
タスクは次のとおりです。
既存の地理データ（緯度/経度の値のセット）からのオブジェクト（マーカー）を地図上に表示します。地理データは定期的に更新されるため、地図上のオブジェクトをインタラクティブに監視するようなものです。
目標を達成するためにリーフレットフレームワークを使用しています。また、geoJsonを使用してgeoData（緯度/経度座標を持つオブジェクト）を出力しています。これが私のコードです：
コードの一部は正常に機能します。その後、これらのフィーチャの新しいレイヤーを追加し、配列が更新されたら（いくつかのフィーチャが座標を変更します）、マップからレイヤーを削除して、新しいL.geoJson（geoData）オブジェクトを作成する必要があります。機能の座標が更新されている間、このプロセスは何度も繰り返されます。
実際、私はJavaScriptが得意ではなく、その方法でしかタスクを解決できません。しかし、それはハードコーディングのようなものだと私には思えます。おそらく、問題をよりエレガントに解決するためのJavaScriptメソッドがいくつかあります。誰かが私にこれをより良くする方法、あるいはより多くのパフォーマンスを得る方法についてのアドバイス（またはアイデア）を与えることができますか？助けていただければ幸いです。
mapping - Leaflet LayerGroupのサイズを取得する簡単な方法は？
Leaflet LayerGroupのレイヤー数を取得する簡単な方法はありますか？ドキュメントを一目見ただけでは、現時点では存在しないことがわかります。
javascript - マーカー ポップアップでのフラッシュ コンテンツの表示
リーフレットを使用してポップアップにswfオブジェクトを追加しようとしています:
しかし、マーカーをクリックすると空のポップアップが表示されます.Leafletでポップアップにswfコンテンツを表示する可能性はありますか? (Openlayers の助けを借りれば問題ありません)
前もって感謝します
opa - リソース JS ファイルの後にカスタム生成された JavaScript を実行する
Leafletマップをアプリに追加しようとしていますが、Leaflet の CSS と JS を含めた後にJS コードを追加する必要があります。Opa サーバーは<head>HTML ノードに CSS を追加しますが<script>、リソース JS ファイルの は、生成されたすべての XHTML コードの後にインクルードされます。では、マップのコードを追加するにはどうすればよいでしょうか。
GMaps APIを見てみましたが、それが良い方法だとは信じがたいです。マップは XHTML で追加されます。
文字列が onready にバインドされ、新しい JavaScript DOM 要素が生成され、ドキュメントの末尾に追加されるため、完全に JS で記述されたマップ ローダー。
代わりに、JS ファイルが含まれる場所をドキュメントの先頭に変更できますか?
api - LeafletとMapboxとは何ですか？また、それらの違いは何ですか？
LeafletとMapboxとは何ですか？また、両方の違いや使用法は何ですか？APIの主な違いは何ですか？
javascript - Javascriptでブートストラップモーダルを呼び出して変数を渡す方法
チュートリアルからの単純な Bootstrap モーダルがあります。
そして、カスタム クリック関数を追加するリーフレット マーカーがあります。
Bootstrapモデルを呼び出して表示し、カスタムのタイトルと本文で埋めるクリック関数の書き方は?
javascript - panTo と panBy を同時に使用する
ピンがいくつか付いたマップを作成したいと思います（リーフレットを使用）。ユーザーがそれらのいずれかをクリックすると、ピンが水平方向の中央のマップの下部に来るまで、マップが移動する必要があります。
私のマップの高さは 400 ピクセルなので、次のコードを使用しています。
それは魅力のように機能しています - IE だけがいくつかの問題を抱えています: マップの中心に向かって移動し始めます ( ) panTo。panByセンター。
この 2 つの動きをどのように組み合わせることができますか? panToピンがマップの下半分にある場合、マップが上下にジャンプする原因となるため、マップが中央に配置されるまで待ちきれません。
map - リーフレット ベクター レイヤー - popuptemplate
Leaflet Vector Layers (http://geojason.info/leaflet-vector-layers/) と ArcGIS Server で Leaflet を使用しようとしています。ポップアップ テンプレートを設定し、期待どおりに機能を表示できます。しかし、機能をクリックして情報を取得すると、「undefined のプロパティ 'y' を読み取れません」というエラーが表示されます。どんな提案でも大歓迎です。問題のレイヤーを作成するために使用するコードは次のとおりです。
javascript - リーフレットに複数のマーカーをプロットし、各マーカーにクリックイベントを添付して、クリックされたマーカー情報とともに新しいページにリダイレクトします
jQueryモバイルとリーフレットを使ってモバイルアプリを開発しています。私は ajax を使用してサーバーからマーカー データを取得し、マップ上にマーカーを動的にプロットしています。$.each ループを使用して、サーバーから Json として返された各オブジェクトをループし、マーカーを生成しています。各マーカー ポップアップ内にアンカー要素を追加しています。ユーザーがアンカー要素をクリックすると、現在のページが新しいページにリダイレクトされ、lat、lon、stName、state などの情報がクエリ文字列を使用して次のページに渡されます。
コードは正常に機能し、すべての情報を含む新しいページにユーザーをリダイレクトしますが、モバイル ブラウザーはリダイレクト操作を実行するのに長い時間がかかります。クエリ文字列なしで新しいページにリダイレクトしようとしたとき、リダイレクト操作は迅速でした。
現在のページの情報を使用してこのリダイレクト操作を実行する効率的な方法はありますか? クエリ文字列を使用してページをリダイレクトするときに遅延が発生する理由を知っている人はいますか? リーフレットに bindClick イベントはありますか?
meta_data の構造は次のとおりです。