問題タブ [angular-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 - AngularJS の Google マップでマーカーが座標を更新しない
私はAngularJS 用の Google マップを使用しており、次の Jade コードがあります。
私のAngularコントローラーには次のものがあります:
私がしようとしているのは、クリックするたびにマーカーの位置を更新することです。でconsole.log($scope.marker);
、マーカーが更新された座標値を出力していることがわかりますが、赤いピンはマップ上で移動しません。
私は自分が間違っていることを理解できません。
編集:
マップのサイズを変更した後、マーカーは新しい場所に移動するため、マーカーの場所が変更されたときにマップが更新されないことが問題であると考えました。これはバグとして報告する必要がありますか? それを解決するために私にできることはありますか?
javascript - Angular-Google-Maps を Mean.js に追加する
モジュール (angular-google-maps) を Mean.js に追加しようとすると問題が発生します
私は走った:
次に、「google-maps」を applicationModuleVendorDependencies 配列の public/config.js に追加しました。
しかし、(grunt を使用して) 実行しようとすると、エラーが発生します。
他に必要な手順はありますか?https://angular-ui.github.io/angular-google-maps/#!/useでは、Angular-google-maps は Lodash に依存していると書かれていますが、モジュール ベンダーの依存関係にもこれを追加する必要がありますか?
angularjs - angular-google-maps センターズーム 複数のマーカー
私はGoogle マップに AngularJS を使用しており、動的にロードされる複数のマーカーに基づいてマップを動的に中央に配置してズームしたいと考えています。これは、 Ionic Frameworkを使用するCordovaアプリ用です。
これが私の見解です:
これが私のコントローラーです:
}))
それで、私の質問は、動的にロードされた複数のマーカーを使用してマップを中央に配置してズームするにはどうすればよいですか? また、マップが読み込まれる前に googleMap.control (vm.googleMap.control) のインスタンスを取得するにはどうすればよいですか?
angularjs - Angular.js での条件付きモジュール インジェクション
私は Ionic プロジェクトに取り組んでおり、Angular-UI の angular-google-maps を使用しようとしています。
ただし、Maps JS API をロードする通常のブロッキング方法では、アプリのタイムアウトに時間がかかりすぎることがあります。
defer属性を使用してスクリプトを非同期にロードすることにより、Googleマップのスクリプトが非同期のロードを終了したときにのみ、angular-google-mapsを「ロード」しようとしています。
問題は、「google」が使用可能になる前にモジュールが初期化されて壊れることです。使用可能になるまで、このモジュールの初期化を遅らせる方法を探しています。
必要なときに必要なモジュールを注入する「プロキシ」または「エイリアス」モジュールを持つ方法はありますか?
または、依存性注入を条件付きで制御する別の方法はありますか?
ありがとう!
angularjs - Angular google maps not showing and no error with mean stack
I'm following the Quickstart on their page, but no success. I'm using mean.io.
The only things that I did different from the tutorial was on step 2. Instead of calling lodash and angular-google-maps using script tags, I added them to my assets.json
file. But I checked and both files are in my page.
In step 3, I added the module to my the dependency to my module (I'm using the articles example as a base to this app):
The google-map
tag in my page doesn't receive any content, like the examples in the angular-google-maps page. I also don't see any error in the console. I tried deleting my script tag importing googlemaps API and it shows an error in the console, so I assume that is loading correctly.
javascript - インデックス付きのforループで関数を作成する
for ループでオブジェクトを作成し、別の関数を呼び出してインデックスを渡すことができるクリック関数をループに追加しようとしています。これにより、どのオブジェクトがクリックされたかがわかります。ループは次のとおりです。
コンソールで作成されたオブジェクトを見ると、x を追加したすべての場所が正しく設定されていることがわかりますx
。問題は、このオブジェクトを作成した後にクリックすると、すべてのオブジェクトがx
最後に設定された番号になることです。最終的な数字だけでなく ndex を適切に取得するには、この関数をどのように記述すればよいでしょうか??
javascript - Angular Google マップ - WeatherLayer: 摂氏から華氏
私は Angular を初めて使用し、Angular の Google マップとその例を plunker http://plnkr.co/edit/KmREW0ANYT8C2LM8dH9l?p=previewで遊んでいます。気象レイヤーをマップに適用して、摂氏を華氏に変更しようとしています。
options スコープで、この方法でオプションを変更できると考えました。
それはうまくいきませんでした。そのオプションをどこに適用すればよいですか? ありがとう
angularjs - angular google maps v2.0.1 マーカー ディレクティブ ラベルにカーソルを合わせても表示されない
1.2.x では、これを options 属性で設定していました。これは、marker ディレクティブに対しては引き続き機能しますが、2.x では、markers (plural) ディレクティブに対しては機能しません。labelContent (コード スニペット) を使用してみましたが、どちらも機能しませんでした。
このプランカーでそれを見ることができます。2 つの右のマーカーは、私が対象としているものです。左側のマーカーは単一のディレクティブで、ホバーはそのディレクティブで機能します。 http://plnkr.co/edit/4eF1Wu4tURysTji0b5kO?p=preview
google-maps - angular-google-mapsで、マーカーのマウスオーバーイベントを介してinfoWindowを表示する方法は?
angular-google-maps を使用したプロジェクトに取り組んでいます。マウスオーバー イベントをマーカーに追加したかったので、angular-google-maps サンプル フォルダーのチュートリアルに従いました。しかし、私はそれを機能させることができません。プランカーのリンクはこちら。 http://plnkr.co/edit/bsqILbPPBJnZwyzeumn8?p=preview
$scope.markersEvents = { mouseover: function (gMarker, eventName, model) {
};
javascript - Angular Google Maps モジュールが読み込まれない
bower 経由で angular-google-maps を 2.0.1 に更新し、必要な依存関係 (bluebird、jquery、loadash) を追加しました。Google マップをコメント アウトすると、アプリは問題なく動作します。したがって、それは間違いなく angular-google-maps と関係があります
bower.json の依存関係:
読み込まれたライブラリは次のとおりです。
ここでアプリをロードします。
私が得るエラーメッセージ:
何がモジュールを壊すのか本当にわかりません.bowerリンクをチェックし、すべての依存関係を更新しました(bower update)。
私は間違いを見つけようとしましたが、運がありませんでした。多分誰かがここで私を助けることができます。ありがとう!