問題タブ [ng-map]

私は ngmap を使用して Google マップを描画します。画面を変更して戻るたびに、マップが部分的に描画されます。私はすでにこの解決策を試しています: How do I force redraw with Google Maps API v3.0? . これは私のコードです: コントローラ:

HTML:

関数 reRenderMaps() を呼び出す別の html のボタン:

ngmap を表示する AngularJS アプリケーションがありますが、このライブラリを使用してユーザーの現在の場所をマークしたいと考えています。

すでにbowerを使用してライブラリをダウンロードしています。私の質問は、ngmap でどのように使用するのですか?

下手な英語でごめんなさい。ありがとうございました。

Demoと ngmap の github ドキュメントに従いましたが、「directions」ディレクティブを使用してプロットされ、接続された 2 つのポイントを持つ単純なマップをロードできません。（奇妙なことに、「マーカー」キーワードを使用して、マップに単純な接続されていないポイントをプロットできます）

次の形式を使用して、すでに index.html ファイルに apikey を含めています。

モジュールの依存関係として ngMap を追加しました。

私のコードをplunkerでテストしました

チュートリアルで非常に明白な何かを見逃していると確信しています。すべての助けに感謝し、事前に感謝します。

編集：

テンプレート コード スニペット:

アプリのユーザーが「領域」を (ポリゴンとして) 定義できるようにしようとしています。次に、他の人がポイント (緯度と経度) を照会して、そのポイントが誰の領域にあるかを判断できます。GeoAlchemy2 のドキュメントから、これは仕事に適したツールである可能性が高いと判断しました (私のアプリは現在開発中なので、私は他の提案を受け入れます.私は開発でフラスコ、フラスコ-sqlalchemy、およびSqliteを使用しています...製品でPostgresを計画しています.フロントエンド用のAngularJS）。

検索の結果、ng-map、特にここに表示されている描画マネージャー ディレクティブにたどり着きました。https://ngmap.github.io/#/!drawing-manager.html . この例を変更すると、Google の onMapOverlayCompleted オブジェクトにアクセスできます。そこに latLng オブジェクトが表示されますが、それをデータベースに保持できるものに変換する方法がわかりません。これをJSで行うと仮定すると、JSONにダンプしてFlask APIに送信できますか?

これを行う方法について誰かが私を正しい方向に向けることができますか? より良いアイデアを喜んで聞きます。

ありがとう。

その例のコードを次に示します。

「e」からポリゴンを取得するにはどうすればよいですか?

angular JS と ng-map を使用しています。map.directionsRenderers[0].directions.routes[0].overview_path を使用して距離を取得することは可能ですか?

ここでは、情報ボックスのみが必要です-矢印なし:

ngMap https://github.com/allenhwkim/angularjs-google-mapsから取得したこの構文は正常に機能します。

しかし、コントローラーの宣言に使用する構文は異なり、エラーが発生します。

angular.js:13642 TypeError:未定義のプロパティ「getMap」を読み取れません

以下のように行で失敗します。

NgMap.getMap().then(関数 (マップ) {

コントローラーは次のように宣言されます。

次のような他の明白な場所にNgMapを追加しようとしました：

または、コントローラー宣言などの前に ActivityDetailsController.$inject = NgMap を実行しますが、NgMap を参照できないという点で上記と同様のエラーが発生します。

編集: ngMap の依存関係は、既に回答に似た別のファイルでセットアップされました。申し訳ありませんが、これを以前に入れていませんでしたが、上記の動作するコードと動作しないコードは同じ場所にあるので、最初は省略しても問題ないように思えました。

これが、このコントローラー宣言または NgMap の何かを使用して NgMap を誤って注入しようとしている方法と関係があるかどうかはわかりません...または、どちらかのフレームワークの経験がない可能性が高いです!