問題タブ [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.
angularjs - 角度のあるGoogleマップでクリック時の座標を取得するには?
AngularJS と Google のマップ用 API に関しては、私は一種の初心者であり、クリックで座標を取得しようとしています。この APIを使用しています。
次のエラーが表示されます: Uncaught TypeError: Cannot read property 'lat' of undefined on "console.log(lat);" 行
これは私の角度コントローラーです:
これは私の html の一部です。コードはコントローラーに含まれているので、心配する必要はありません。
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
です。この問題に遭遇した人はいますか?解決策はありますか?
私が試した他の解決策:
ファクトリ関数で変数を作成してマーカー オブジェクトを維持し、marker.setMap(null) メソッドを使用して、ページが変更されて再度再読み込みされたときに重複を削除します。
また、状態遷移 (ページの変更) の前に、次のコードを
/li>null
マーカー インスタンスに使用しました。
ここに記載されている指示に従って:
https://github.com/angular-ui/ui-router/issues/1158
誰かがこの問題の解決策を持っているなら、それは大歓迎です。ありがとう。
angularjs - angularjs-google-maps 情報ウィンドウの位置
私は angularjs-google-maps を使用しており、この例をアプリケーションに使用しました。変更した場合、vm.shops のコントローラーで:
に:
したがって、ID番号には''
情報ウィンドウがありません。すべてのマーカーが同じ位置に表示され、この位置は各マーカーの上ではありません。ありがとうございます。