問題タブ [angularjs-google-maps]

こんにちは、angularjs と、GMaps をインスタンス化するために見つけたディレクティブを使用してアプリを開発しようとしています: http://nlaplante.github.io/angular-google-maps/#!/usage。すべての手順に従いましたが、マップをレンダリングできません! エラーは返されません。ヘルプ！！

HTMLで

コントローラーで:

私はng-mapの作成者です。

Googleマップを表示するためにAngularJSでディレクティブを開発しようとしています。地図を表示することはできますが、さらに一歩先に進みたいと考えています。私のディレクティブは座標またはアドレスを受け入れます。座標が設定されている場合、座標とともにマーカーが表示されます。ただし、座標が利用できない場合は、住所とジオコードを使用してマーカーを表示しようとする必要があります。

私の問題は、ディレクティブ内でジオコード関数を実行しようとすると、この要求が非同期に見え、応答を取得する前に残りのコードが実行されることです。

このリクエストを強制的に実行するにはどうすればよいですか?

私のプランカーをご覧ください: http://plnkr.co/edit/QRj6jXQYxSRR3CseavQY?p=preview

ある都市 (Gijon) に (ジオコーディング後) マーカーがありますが、マップは別の都市 (Getafe) を中心として作成されていることがわかります。

ありがとう、ロベルト。

私は AngularJS を初めて使用し、https://github.com/angular-ui/angular-google-mapsを使用しようとしています。

自分のページにマップをレンダリングしようとしていますが、エラー メッセージが表示され、その意味がわかりません。このエラー メッセージを理解するための助けをいただければ幸いです。

ここにプランクを作成しました：

ブラウザのエラーは次のとおりです。

私のカスタムAngularJS Google マップ ディレクティブには、マップ ディレクティブとマーカー ディレクティブがあり、マーカー ディレクティブにはマップ ディレクティブが必要です。

以下は、ng-repeat を使用できない私の問題の簡略版です。

これはここでデモされています。http://plnkr.co/edit/IN237QwEdNkdzpDaX70z?p=preview エラーは、

これは、marker ディレクティブだけでもうまく機能します。
http://plnkr.co/edit/4i8Rtvk3Qu1U8JRLRAal?p=preview

親ディレクティブがDOMを操作したときに問題が発生すると思います。ただし、ディレクティブを使用しているため、dom を操作する必要があります。

どんな助けでも大歓迎です。

ngMapを使用して Google マップをアプリに追加したいと考えています。

デモは、ハード コードされた HTML しかないという意味で "静的" です。サーバーに定期的にデータベースを調べて、時間とともに変化するプロットする座標を返すように要求するという意味で、コードを「動的」にしたいと考えています。それが明確であることを願っています。そうでない場合は、詳細をお尋ねください。

ngmap マーカーのデモを変更して、2 秒ごとにランダムな緯度/経度座標を生成しました (最終的なアプリのようにサーバーに行くのではなく)。プランクをご覧ください。

コンソールにエラーはありません。コンソールにこの種のものがたくさん表示されるので、ngMap がマーカーを追加しようとしているようです ...

ここで、K と A は、予想どおりの緯度/経度です。

しかし...地図上にマーカーが表示されません。私は何を間違っていますか？

[更新] 優れた回答で、喜んで報奨金を授与しました。これを読んで、@allenhwkimが別のstackoverflowの質問で言ったようにngMapを使用したい他の人のために、彼のブログでは、ngMapはあなたのために地図を作成し、その後、標準のGoogle Maps APIでそれを操作します.

たとえば、マーカーを追加するためにループする直前に
var bounds = new google.maps.LatLngBounds();、マーカーをマップに追加した後、ループ内で I を宣言しbounds.extend(latlng);、最後に、ループの後、I

私は答えをフォークし、これを示すために新しい Plunkを作成しました。世界で最も便利な機能ではありませんが、要点は$scope.mapGoogle Maps API での使用方法を示すことです。アレン、ngMap に感謝します。

アプリでGoogle-maps-angularディレクティブを使用しており、そのディレクティブを自分のディレクティブ内にラップしようとしています。コントローラーでマップ オブジェクトを定義すると、正常に動作します。しかし、リンク関数内でマップ オブジェクトを定義すると、マップ オブジェクトを取得していないようです。

ディレクティブのコントローラー内でマップ オブジェクトを定義しようとしましたが、マップも読み込まれませんでした。マップがロードされない理由を説明する html をロードする前にスコープが初期化されていないようですが、なぜそうなのかを理解できませんでした。外部コントローラーの代わりに、ディレクティブ内でマップ オブジェクトを定義できる他の方法はありますか?

また、google-map のスコープ内 ( angular.element("google-map >").scope() を使用) を見ると、中心が定義されていることが示されるため、マップが読み込まれない理由がわかりません。

この質問はangularjs-google-maps、https://github.com/allenhwkim/angularjs-google-mapsに関するものです。

このような変数を設定するためにマーカーで ng-click を使用する方法はありますか? (値 1 は、テスト目的でハードコーディングされています)。現在、マーカーをクリックしても ng-click がトリガーされないようです。

私はAngular jsが初めてです。IDに基づいてjsonの緯度経度をGoogle APIに渡そうとしています。私のjsonファイル構造。

私のAngular jsコード

これで、最初の取引 ID の場所のみが渡されます。ある取引をクリックすると、その取引IDの場所（緯度経度）が渡されます。私はAngular js 1.2.23を使用しています