問題タブ [angular-google-maps]

私はAngularJSを初めて使用し、現在 http://angular-ui.github.io/angular-google-maps/からGoogleマップを使用しています

ドキュメントを確認しましたが、やりたいことはクラスター内の数字マーカーを表示することだけです。

また、クラスターの OnClick で、ポップアップ ツールテキストが表示されます。APIはそれを広範囲にカバーしていません。私が達成したいことの例はここにあります

http://104.131.42.57/frontend/index.html

以下は私の現在のコードです：

HTML ディレクティブ

Map Controller は、API ドキュメントに従いました。

そのため、 http://angular-ui.github.io/angular-google-maps/# ! /api の angular-google-maps ディレクティブを 使用していますが、マップ インスタンスにマーカーが表示されません。私はほぼすべてを試しましたが、アドバイスを切望しています。$scope.markers を $scope.map オブジェクトに移動し、$watch 関数内に移動して、値を html に直接追加しようとしましたが、うまくいきませんでした。これは、タブ内にマップを完全にロードするために追加しなければならなかった $scope.control.refresh() 関数と関係があると考えています(角度ブートストラップタブを使用しています)。

助けてくれてありがとう！

HTML

ジャバスクリプト

の場合、属性が属性と競合することがあるui-gmap-google-mapようですが、そのドキュメントには、両方を設定した場合にどちらが優先されるかは記載されていません..centerbounds

Googleマップの表示領域を3回変更したい次の状況を考えてみましょう。

1回目の変更center、2回目の変更bounds、3回目の変更はcenter再び..これを行う方法についてアイデアを持っている人はいますか?

ありがとう！

angular-google-maps ライブラリを使用していますが、モデルに新しいマーカーを動的に追加すると、マップを更新できないようです。モデル内のハードコードされたマーカーが正しく表示されます。

HTML

JS

上記は正常に機能していますが、次の場合：

モデルは更新されますが、マップは更新されません。$scope.$apply() を使用してみましたが、ダイジェスト サイクルが既に進行中であったため、エラーが発生しました。

angularJS経由でGoogleマップを使用しています（angular-google-mapを使用）

iOS 以外では問題なく動作する InfoWindow 付きのマーカーがあります。デバイスを回転させると、Google マップ API がサイズを正しく計算していないようで、コンテンツに対して infoWindow が小さすぎます。これはこれと同じバグだと思います

そのため、InfoWindow オブジェクトにアクセスして閉じてから再度開いて、Google に再描画/再計算を強制しようとしましたが、アクセスする方法が見つかりませんでした。angular で$scope.map.control.getGMap()を使用して google.maps.Map オブジェクトにアクセスでき ますが、InfoWindow にアクセスできません。Window.prototype で getGWindows を確認できますが、マップからアクセスする方法がわかりません。マーカーにもアクセスできますが、情報ウィンドウへの参照がありません。

役立つ場合に備えて、マーカーを作成する方法を次に示します。