問題タブ [angular-leaflet-directive]

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 投票する
2 に答える
2214 参照

angularjs - AngularJS リーフレットのメモリ リーク

次のリーフレット ディレクティブを使用すると、Angular アプリで明らかなメモリ リークが発生します: https://github.com/tombatossals/angular-leaflet-directive

ディレクティブは問題なく動作しますが、ディレクティブを使用してビューを離れたり戻ったりすると、メモリ フットプリントが増加し続けることに注意してください。

ディレクティブは、 https ://github.com/Leaflet/Leaflet にあるリーフレット JavaScript ライブラリから構築されます。

私は次のようにディレクティブを使用します。

コントローラー内で、leaflet ディレクティブ属性をスコープに拡張します。

メモリ リークの原因はわかりませんが、リーフレット ディレクティブ内で $destroy が呼び出されたときに削除されないイベント リスナーに関係している可能性があると考えられます。

破棄すると、関数 unresolveMap が呼び出されます。

これは私が得た限りです。誰かが似たようなものに出くわしたり、この問題をさらに攻撃する方法についてアイデアを持っている場合は、大いに感謝します:)

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

angularjs - angular-leaflet-directive でマーカー メッセージ/ラベルをクリック可能にする

angular-leaflet-directive を使用しており、マーカー メッセージをクリック可能にしようとしています。マーカー メッセージで html を使用すると、html は正しくレンダリングされますが、ng-click は機能しません。これが私が持っているものです。

私が間違っていることを知っている人や、マーカーメッセージがクリックされたときに関数を呼び出す方法を知っている人はいますか?

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

angularjs - イベントでAngular-leafletポップアップを閉じる

angular-leaflet ディレクティブで開いているすべてのポップアップを閉じるために呼び出すことができる関数はありますか? ここからのjQueryの提案から作業して、次のことを試しました:

しかし、私は得る

代わりに、私は試しました:

しかし、それも機能しません:

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

angularjs - angular-leaflet-directive を使用してマーカークラスター アイコンをカスタマイズするときの「ゴースト」クラスター

次のコードを使用して、角度リーフレット マーカークラスターをカスタマイズしようとしています。

次のように定義された 7 つのマーカーのテスト サンプルがあります。

visible: false でオーバーレイを非表示にするか、オーバーレイを使用しないと、正しい量のマーカーを取得できますが、customMarkerCluster は呼び出されません。

visible:true を使用すると、4 つのマーカーの 3 つのクラスターが得られます (7 つではなく 12 つのマーカー)。

オーバーレイを使用するときに、markercluster が誤ったクラスターを生成するのを防ぐにはどうすればよいですか?

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

angularjs - 角度のあるリーフレット カスタム マーカー (角度ディレクティブを使用)

angularディレクティブを使用して「リーフレットマーカー」を作成しようとしています。設計上の目的で、プレゼンテーションとモデルを分離して、さまざまな人がアプリケーションのさまざまな部分で作業できるようにします。私の問題は、「リーフレット」の問題よりも「範囲」の問題である可能性が高いです。コントローラーで「$scope」にマーカーを追加しているときに、角度ディレクティブで使用するオブジェクトを渡そうとしています。このアプリのディレクティブ "" は、マップに表示される各マーカー オブジェクトの "message" プロパティの唯一のタグです。ポルトガル語で「駅」と同じ「estacao」という属性があります。

だから、私のコードはここにあります:

問題は、ディレクティブが処理されるときに「estacao」が null であることです。

何が起こっているのかを理解するのを手伝ってくれる人はいますか?

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

angularjs - ng-model="search" がリーフレット ディレクティブに影響を与える方法は?

leaflet-angular-directive を使用して、テーブルとマップにオブジェクトを正常に表示しますが、検索入力によるフィルタリングはテーブル内の geojson オブジェクトにのみ影響します。

私の目的: 検索入力によるフィルタリングを、テーブルとマップの geojson オブジェクトに影響を与えるようにします。

私のモジュール

私の工場

私のコントローラー

マイ テンプレート

多分誰かが私に正しい方向を示すことができるので、私が間違っていることを知っているので、検索をさまざまな方法でリーフレットにバインドしようとしましたが、実際にはテンプレート側で行うべきではないと思いますか? しかし、フィルターのような geojson のオプションでは? これは今行うべき正しいことですか?

ng-repeat ディレクティブを使用しましたが、何千ものマップがありました。ng-repeat を使用してもマップが 1 つしかない可能性がありますか?