問題タブ [angular-google-maps]

ここで定義されているAngular GoogleマップAPIを使用しています: https://angular-ui.github.io/angular-google-maps/#!/api

私は次のDOM構造を持っています

マップの他の部分がクリックされたとき、または別のウィンドウが開いたときに情報ウィンドウが閉じるようにしようとしています。私が得た最も近いのはcalling:です。scope.infoWindows.getChildWindows()これはmarkerオブジェクトへのアクセスを提供しますが、関連付けられたhideWindow関数を呼び出しても何もしないようです。誰もこれを行う方法を知っていますか?

angular-google-mapsバージョン 2.0.9 を使用して、1 ページに 2 つのマップを表示し、それぞれにマーカーを付けます。ただし、2 つのマーカーは同じマップに表示されます。何か案が？

html :

controller.js :

プランカーはこちら

最初のマップでマーカー タグを削除すると、marker2 が map2 に正しく表示されます。

マーカーのデータ ソースとして JSON オブジェクトを受け取ります。その後、各マーカーのクリック/クローズ関数をバインドしています

プランク: http://plnkr.co/edit/A9IbIFpj3d9tH6z9NYjf?p=preview

次に、 Angular Google Mapsを使用してGoogleマップにマーカーを描画します

しかし、マーカーをクリックすると、関数 onClick がトリガーされません。私はAngular.jsは初めてですが、Angular Googleマップではなく、問題があるようです(または、JavaScript自体に問題がある可能性があります)が、よくわかりません。助けてくれてありがとう。

[UPDATE]click="'onClick'"代わりに使用することで問題が解決しましたclick="onClick"

angular-google-maps を使用して、マップにマーカーを追加しています。Maps API を読み込むためのすべてのベスト プラクティスに従っており、一連のアイテムを地図上に表示しています。アイテムの削除を除いて、すべてがうまく機能します。アイテムの配列からアイテムを削除すると、すべてのマーカーが消えます。私は明らかに何か間違ったことをしていますが、正確にはわかりません。これの別の奇妙な部分: 別のアイテムを追加すると、マーカーがマップに正常に追加されますが、それが唯一のマーカーです。さらに、angular-google-map-marker 要素はまだ dom にあるため、なぜ表示されないのかわかりません (可視性を可視に設定し、表示をなし以外に設定しようとしました)。私のコードは次のとおりです(Jade/LiveScript)。

index.jade

app.ls

appController.ls

ここで私が間違っていることはありますか？さらに情報を提供する必要がある場合はお知らせください。

PS マーカーを実際に削除するには setMap(null) を実行する必要があることを理解しています。最初にこのステップを処理したいと思います。

angular-google-maps モジュールの を使用して、Google マップの InfoWindow 内にリンクを作成しようとしていますui-gmap-windows。

私の HTML テンプレートには、次のものがあります。

私のコントローラーには、次のものがあります。

'controller as' 構文を使用しているため、コントローラーの は html テンプレートのようにvm.markers表示されることに注意してください。main.markers

私が見ている問題はdata-ui-sref="display({id: id})"、html の状態が「表示」ページに変更されますが、$stateParams 値としてプッシュされないidことです。これは、何を表示するかわからないため、明らかに良くありません。 .

InfoWindow の外 (結果のリスト) に作成された同じページへの別のリンクがあり、id 値をプッシュします。

InfoWindow のリンクを機能させるための助けをいただければ幸いです。

ang に ngMap、nvd3 などのディレクティブを含めました

ularJs アプリケーション。

コントローラには 2 つのダッシュボードが用意されており、1 つは nvd3 に関連し、もう 1 つは ngMap に関連しています。ブラウザ nvd3 関連のダッシュボードへのレンダリング中に、ngmap 関連のダッシュボードが表示されません。

テンプレートを作成するためのサンプル コードは次のとおりです。

AngularJS サービスと Angular-Google-Maps を使用するアプリケーションがあり、マップ上に複数のマーカーを取得できますが、各マーカーをクリックしても機能しません。クリックを許可する唯一のマーカーは、ウィンドウを開いた後に閉じることができない最後のマーカーです。または、アドレスが1つしかない場合、マーカーは期待どおりに機能します。私は近くにいると思いますが、マーカーのクリックがすべてのマーカーで機能するために何が欠けているのかわかりません。私が見逃していること、または別の方法で行う必要があることについてのアイデアはありますか?

これが私のページのマークアップです。

myMapApp.js のコード

mapController.js のコード

geocoder-service.js のコード

このライブラリ ( http://angular-ui.github.io/angular-google-maps/#!/api ) を使用して、マップを含むブートストラップ モーダルを表示しています。モーダルが非表示になっているため、Google マップはマップの縮尺を正確に把握していないため、次のような部分的なマップしか取得できません。

更新属性をフラグ変数に設定していますが、機能していないようです

ポインタはありますか？