問題タブ [angular-leaflet-directive]

CSS ローテーションがランダムな img が必要です。私はこれを達成することができましたが、リーフレット マップの上にマウスを移動すると、img は常に回転しています。

http://jsfiddle.net/J03rgPf/mzwwfav4/3/

getRandRot 関数が何度も呼び出されないように、ランダム css を 1 回だけ設定するにはどうすればよいですか?

Angular JS コード:

CSS

私は AngularJS を初めて使用します (そして JavaScript には非常に慣れていません)。この一見単純なアクションを機能させることができません。

次のように、Django Rest Framework バックエンドからの GeoJSON 応答があります (関連するビットのみ)。

直接または angular-leaflet-directive を介して Leaflet に渡す座標を取得して、中心にマーカーがある単純なマップを表示したいと考えています。コンソールで $scope の内容を表示するように window.MY_SCOPE を設定し、data.features[0].geometry.geometry['coordinates'] を使用して座標にアクセスできます。これはブラウザにテキストとして表示されますが、'埋め込まれた Leaflet スクリプトにそれを渡すようには見えません (変数としては非常に扱いにくいです)。配列として、または外部スクリプトの変数のペアとして、値を抽出する方法を考え出しました。ループを使用することが答えのようですが、クエリは 1 つのレコードのみを返し、ループ (または 2 つ) を取得して座標を返すことはできません。私はしばらくこれに固執しており、状況に一致する例を見つけることができません。バックエンドを制御できるので、必要に応じて出力を変更できます。誰かがこれについて何か洞察を持っていますか?

EDIT：@ iH8の回答によると、最初はネストされたジオメトリがあり、これを修正したため、有効なGeoJSONを返していませんが、GeoJSONデータをプロパティとして他の情報を配信しようとしているためです。検証しません。

DRF 側の答えは、django-rest-framework-gisを使用してデータ応答に GeoJSON を含めるようにシリアライザーをネストし、GeoFeatureModelSerializer を使用して両方のシリアライザーを使用することです。これにより、以下のネストされた出力が作成されます。プロパティ情報を持つモデルを GeoModelSerializer に変更すると、ジオ コンポーネントがフィーチャとして表示され、その関連データがプロパティとして表示されますが、ネストされたモデルは表示されません。少し時間をかけて有効な GeoJSON オブジェクトに変換しようとしますが、最終的にはページ データに対して複数の要求を行うことができます。これは最適ではありませんが、最も簡単な解決策になる可能性があります。

更新: 2 週間頭を悩ませた後、値を定義し、django-geojson のシリアライザーを使用して、クエリセットから有効な geojson を取得することができました。きれいではありませんが、機能します。ただし、角度コントローラーで座標を抽出しようとしても、まだ機能しません。

コードを次のように要約しました。

これは、この Plunk に示すように正しく返されます: http://plnkr.co/edit/xunAg5?p=preview

ただし、「未定義のプロパティ '0' を読み取ることができません」というエラーで常に角度コントローラーで失敗します。「データ」オブジェクトは、$scope.data と同様にコンソールでクエリできます。data.features[0] が未定義であることを示唆する同様の質問がいくつかありますが、コンソールと ng-inspector でどのように正しく表示されるかわかりません。

リーフレット ディレクティブを使用して、openStreet マップにマップを表示しています。すべてのマーカーを一覧表示するには、私のコードは次のようになります。

ここでそのメッセージテンプレートに関数呼び出しを含むボタンを追加しています。テンプレートで変数を渡すことを理解したので、Scope が解決策ですが、ここでは、すべてのマーカーで value.ao の名前は異なりますが、project.ao は同じです.. 。（どうして ？？？？）

各マーカーをクリックすると、配列(anArray)の最後のプロジェクトが開きます。

各反復でスコープ値をバインドするにはどうすればよいですか?,各マーカーで正しいプロジェクトを開くことができます

angular-leaflet-directive と geojson を使用して、leaflet と mapbox を使用してマップ マーカーを作成しています。マーカーのポップアップがマーカー上で正しく配置されていません。

マーカーのオフセットを変更するにはどうすればよいですか?

私はAngularリーフレットを使用しています.クラスターをクリックするとすべてのマーカーを取得したいと思います. それを実行できるイベントやメソッドが見つかりませんか?

プロジェクトにAngular リーフレット ディレクティブを使用しています。

どんな助けでもいいです！

ありがとう

私は、Ionic アプリでの使用を自動的に見つけるため の優れた実用的な例を使用して、ここに記載されているリーフレットの手順に従おうとしています。しかし、リーフレットのページにあるコードを私のものに埋め込むための正しい構文を見つけるのに苦労しています。助けてくれてありがとう。

編集ソリューション:簡単な方法は、Angular で「center autodiscover」ディレクティブを使用することです

JS

HTML: