問題タブ [angular-google-maps]

「angular-google-maps: 有効なセンター プロパティが見つかりませんでした」というエラーが表示されました。php バックエンドからロードされた locationData を $watch し、初期化関数を実行すると。

HTML:

角度コントローラー:

そして、$scope.map の設定をコントローラ ブロックの先頭に移動し、定数値をマップに設定します。

、地図が正しく表示されます。

角度コントローラー:

データがロードされた後にGoogleマップディレクティブを解析し、バックエンドの緯度、経度データでマップを正しく表示するにはどうすればよいですか?

アプリを jQuery 方式から Angular 方式に変更するときは、Angular-Google-Maps を使用しようとします。

しかし、Google Map Objects(Map、Marker、Polygon...) と Object 'method' を使用するアプローチ (getMap()、getPath()、getPosition().. など) がどこにあるのかわかりません。

ドラッグされたマーカーの位置を取得する必要がある場合、どうすればよいですか? いつものように？

angular-google-maps を使用して、Angular アプリケーションで Google マップを処理しています。このためangular-google-maps.jsに、プロジェクトに を追加する必要があります。次の方法でスクリプトを追加すると、ページはエラーなしで機能します。

ただし、次のようにローカル コピーを使用すると機能しません。

firebug を見ると、angular-google-maps.jsファイルがロードされていることがわかりますが、この場合、次のエラーが発生します。

Web を何時間も検索しても、理由や解決策が見つかりませんでした。理由を見つける方法について、アイデアやヒントがあるかもしれません。

私はAngularに比較的慣れていません。

angular-google-maps を使用していますが、マーカーにカーソルを合わせたときにツールチップ/情報ウィンドウを表示する方法がわかりません。マーカー オブジェクト ( https://developers.google.com/maps/documentation/javascript/examples/marker-simpleのように)

labelContnent 属性を使用したマーカー要素と、marker-label 要素を使用したマーカーを試しましたが、どちらもマーカー タイトルのツールチップを表示しません。

angular-google-maps デモ ( http://angular-google-maps.org/demo ) にもツールチップが表示されないため、間違ったことはしていないと思います。

問題は、タイトルを表示するにはどうすればよいかということです。

ティア！

現在、Angular Google Maps lib ( http://angular-google-maps.org/ ) を使用しており、マーカーとしてプロットされたデータを要求するアプリケーションがあります (これは、マップが描画されてからずっと後に発生します)。ただし、このデータ セットは大規模であり、すべてのマーカーがマップ上に描画されるまでに時間がかかります。マーカーが描画されている間にスピナーを表示できるようにするなど、すべてのマーカーが描画されたときにイベントをキャッチしたり監視したりする方法はありますか。アイドルなどのイベントは既に確認しましたが、これはパンとズームのみを考慮しています。どんな助けでも大歓迎です。

angularjs アプリをローカルにセットアップしましたが、コードをステージング サーバーにアップロードするまで、すべてが正常に機能していました。依存関係が尊重されないという問題がありますが、その理由はわかりません。ライブラリの読み込みが速かったため、ローカルで動作していたと思います。この問題を修正するためにアプリを修正しましたが、うまく機能させることができません。

main私のアプリケーションは、3 つのビュー ( 、mapおよび)で構成される単一ページのアプリを読み込んでいますmap-data。このアプリを起動するために AngularJS モジュール構造を使用しています。これが私のディレクトリ構造です：

これindex.htmlはかなり基本的なものです:

次にrequirejs-config.js：

次にmain.js：

次にapp.js：

app.jsここでは、 が に依存していることがわかります。ここでは./modules/map/index、使用可能なすべてのコントローラーをロードしています。

各コントローラーは同じ種類のモジュールを要求しています。mapDataCtrl.jsこれは、によってトリガーされるモジュール/です。

ご覧のとおり、コントローラーはmodule.js状態とモジュール名が定義されている場所を要求しています。

問題があるのはこのファイルです。モジュールをロードしようとしています。angular-google-mapsこれは、コントローラーで必要であり、MapCtrおそらくMapDataCtrl. しかし、次のメッセージが表示されます。

何が欠けているのかわかりません。すべてが正しく関連付けられているように見えます。私は何が欠けていますか？

更新 1

angular-google-mapAMDに準拠していないためだと思うのでrequirejs-config.js、次のように変更しました。

しかし、私はまだ同じ問題を抱えています。

angular 1.2.15 と angular-google-maps 1.0.18 を使用して、数十のマーカーを表示しています。私がやりたいことは、(クラス名で指定された) マーカーのグループの可視性を動的にオン/オフすることです。angular-google-maps ディレクティブを使用して、マップとすべてのマーカーをレンダリングできます。angular-google-maps でマーカーの可視性を動的に変更する方法がわかりません。どんな助けでも大歓迎です。

HTML:

コントローラ：

そして、別の関数 (ここには示されていません) で、各ブロッターのストーリーを読み込みます。これらの各ストーリーには、緯度と経度の属性があります。

AngularJS の Google マップを使用して、AngularJS のプロジェクトにマップを追加しています。特定の時点でマップの中心をクリックしたマーカーとまったく同じ位置にしたい場合を除いて、すべてがうまく機能します。そのため、クリック イベントで、AngularJS コントローラーでマップの中心を設定しました。すべて問題ありませんが、マップをドラッグまたはズームすると、マーカーの位置がマップの「新しい」中心になります。なぜこれが起こっているのか誰か知っていますか？マーカー座標が双方向にバインドされているようなものです...どんな助けも大歓迎です! 前もって感謝します

コードは次のとおりです。

そのため、選択アクションで選択された端末の座標に従ってマップの中心が設定され (マップの新しい中心になります)、ズーム レベルが増加します。問題は、マップをリセットしようとしたり、マップをズームまたはドラッグしようとすると、マーカーの座標が新しいマップの中心座標を取得することですが、そうすべきではありません。だから私は「双方向バインディング」と言っていますが、私はこのことを理解できません。