問題タブ [angularjs-google-maps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1333 参照

angularjs - 角度のあるGoogleマップでクリック時の座標を取得するには?

AngularJS と Google のマップ用 API に関しては、私は一種の初心者であり、クリックで座標を取得しようとしています。この APIを使用しています。

次のエラーが表示されます: Uncaught TypeError: Cannot read property 'lat' of undefined on "console.log(lat);" 行

これは私の角度コントローラーです:

これは私の html の一部です。コードはコントローラーに含まれているので、心配する必要はありません。

0 投票する
1 に答える
924 参照

javascript - Angularjs フレームワーク内で Marker Clusterer と Google マップ API を組み合わせる

要約すれば:

マーカー クラスタラー パッケージをパッケージと組み合わせることが可能かどうか、および問題の解決策があるかどうかを知りたいですangularjs-google-maps

詳細:

メンテナンスが終了したため、パッケージを交換しangular-google-mapsます。推奨される代替手段はangularjs-google-maps、次のコードで使用したものです。

HTML:

Angularjs:

問題は、ページを変更してマップ ページをリロードするたびにマーカーが複製されることです。angularjs-google-mapsパッケージのこの号で所有者が指摘した問題は次のとおりです。

https://github.com/allenhwkim/angularjs-google-maps/issues/575

彼の指示に従ってmarkerディレクティブを使用し、new google.maps.Markerメソッドを削除してマップに重複が表示されないようにしました。コードは次のとおりです。

HTML:

Angularjs:

これはマーカー クラスター ライブラリです。

https://googlemaps.github.io/js-marker-clusterer/docs/examples.html(私の評判ポイントは 10 未満なので、2 つ以上のリンクを投稿することはできません!)

この場合の問題は、マーカー クラスタラーが機能するnew google.maps.Markerには、マーカー オブジェクトでこのメソッドを呼び出す必要があることです。angularjs-google-mapsパッケージでパッケージを使用できないようmarker-clustererです。この問題に遭遇した人はいますか?解決策はありますか?

私が試した他の解決策:

  1. ファクトリ関数で変数を作成してマーカー オブジェクトを維持し、marker.setMap(null) メソッドを使用して、ページが変更されて再度再読み込みされたときに重複を削除します。

  2. また、状態遷移 (ページの変更) の前に、次のコードをnullマーカー インスタンスに使用しました。

    /li>

ここに記載されている指示に従って:

https://github.com/angular-ui/ui-router/issues/1158

誰かがこの問題の解決策を持っているなら、それは大歓迎です。ありがとう。

0 投票する
2 に答える
173 参照

angularjs - angularjs-google-maps 情報ウィンドウの位置

私は angularjs-google-maps を使用しており、この例をアプリケーションに使用しました。変更した場合、vm.shops のコントローラーで:

に:

したがって、ID番号には''情報ウィンドウがありません。すべてのマーカーが同じ位置に表示され、この位置は各マーカーの上ではありません。ありがとうございます。