問題タブ [ng-map]

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 に答える
402 参照

javascript - ng-maps 記録緯度経度

以下を使用して、Web アプリケーションに Google マップを埋め込みました。

そしてコントローラー:

新しくドラッグされたマーカーに関連付けられた緯度経度を記録しようとしています。ただし、ドラッグ イベント リスナには制御が来ません。

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

javascript - Ngmap で動的に追加されたマーカーを非表示または削除する方法

私はマップ(ngMap)と一緒にフォームを持っています。フォームに入力してマップにマーカーを挿入した後、送信をクリックすると保存されます。しかし、もう一度追加すると、マーカーは以前の座標の場所に既に存在します。ページを手動でリロードすると、マーカーがマップから外れます。ページを手動でリロードせずに削除または非表示にする方法。
HTML


コントローラ

また、私は成功の約束でこのように試みましたが、うまくいきませんでした

私はui-routerを使用していたので、このようにプログラムでページをリロードしようとしましたが、これ$state.transitionTo('dashboard.places.list', null, { reload: true, inherit: false, notify: true });
も機能しませんでした。誰でも私を助けてくれませんか

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

javascript - 現在地から10kmの範囲を長方形で複数のマーカーでGoogleマップを作成する方法

Googleマップに基づくWebアプリを開発しています。私はそれのためにAngular jsを使用しています。Googleマップで複数のマーカーを作成する必要がありますが、これらのマーカーのみを表示する必要があります。これらのマーカーは10 KMの範囲にありますが、コーナーからの半径ではありません.
すべてのコーナーの緯度と経度を取得するために map.getBounds() を使用しています。Angular js が初めてなので、助けてください。

0 投票する
0 に答える
88 参照

ionic-framework - 最短経路を取得する方法

プロジェクトの開発に ionic と firebase を使用しています。ngmap を使用してイベントを表示しますが、イベントの場所への最短パスを表示します。役に立つリンクまたは例を教えてください。

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

angularjs - モーダルでng-mapとplaceのオートコンプリートが機能しない

私は ng-map ディレクティブを使用しており、angularjs アプリケーションにオートコンプリート API を配置しています。正常に動作しています。しかし、問題は、ブートストラップモーダルで両方が必要であり、ブートストラップモーダルで同じコードを使用している場合、ng-map も場所のオートコンプリートも何も機能していません。何か不足している場合は提案してください。angularの ng-map ディレクティブを使用した場合にのみ問題が発生します。javascript を使用すると、すべて正常に動作しますが、大量のコードを記述したくありません。ng-map のみを使用したい。ここに私のマークアップがあります

私の plunkrを参照してください

コード全体

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

javascript - ng-map センターが期待どおりに機能しない

以下のように ng-map ディレクティブを使用しています。

これにより、マップ ビューが空白になります。ただし、センターをハードコーディングすると正常に動作します。何が問題なのか混乱しています。

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

angularjs - ngMap でデフォルトの AB マーカーを削除する方法

angular アプリケーションで ng-map を使用しています。私の地図では道順を使用していますが、A 点と B 点は必要ありません。これらのマーカーを非表示にするのを手伝ってください。私は1つの解決策を得 ましたが、ng-mapでは役に立ちません。これが私がそれをどのように適用したかです。

または多分私はそれを正しく使用していません。このプランカーをチェックしてください。ヘルプ

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

angularjs - angular jsを使用しているときに、Googleマップがロードされたときに確実に発生するイベントはありますか?

angularjs と ngmap ( https://ngmap.github.io ) を使用しています。マップは最初はビューから非表示になっています (ng-show を使用)。マップ全体をリロードせずにビューを切り替えることができるようにしたいと考えています。また、地図上に kml を表示したいと考えています。

マップは、ページのその部分が表示されているときにのみ初期化されます (遅延初期化を使用)。

マップが kml にズームインできない場合があることを除いて (fitBounds を使用)、正常に動作しているようです。これは、含まれている div の高さがゼロであり (ビューが実際にレンダリングされる前にコントローラー コードが起動するため)、fitBounds がそれを必要とするためであることを確立したと思います。

マップが完成し、準備ができていると確信できるまで待ちたいと思います。次のイベントを試しました。

  • bounds_changed
  • タイルをロードした

しかし、どちらも私が望むことはしません。

現在、私は $timeout を使用していますが、マップの初期化にかかる時間と、その間にコードが起動するかどうかがわからないため、好きではありません。

私の次のアイデアは、マップの高さを繰り返し確認することですが、もっと明確なものを好むでしょう。

もう 1 つのアイデアは、マップを常に背景に置き、その部分が表示されているときに絶対配置を使用して他の情報でカバーすることですが、それでは現在の設計が崩れます。

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

angularjs - angularjsでngMapモジュールes6クラスを使用しているときに、「places-auto-complete」が使用されている場合、「this」はコンストラクターにバインドされていません

Googleマップのオートコンプリート機能用にngMapモジュールを実装しながら、ES6でAngularJSを使用しています。

そして、コンポーネントを含むjavascriptファイル

返されるオブジェクト: 「この」コンテキストを示す画像。これにより、「this.map」が未定義になります

this.map」と「this.place」のコンストラクタ プロパティへの参照と「this.getPlaced()」でオート コンプリート データをフェッチする必要があります。どうすればこの問題を解決できますか?