問題タブ [angular-google-maps]

私は MVC と Angular が初めてで、AGM クイックスタート ページの手順に従って angular-google-maps を実行しようとしました。Firebug はいくつかのエラーを表示しますが、そのうちのいくつかは理解できません。

まず、アンダースコアにアクセスすると 403 が返されます。メッセージ (ローカルホストを除く) は次のとおりです: 「NetworkError: 403 Forbidden - angular-oPast/app/..../node_modules/underscore/underscore-min.js」

次に、SyntaxError: missing } after property list }; が発生します。私のコードにはないngLocaleへの参照があります。

3 番目に、ReferenceError: _ is not defined with some reference to MarkerLabel を取得しますが、これは使用していません。

4 番目に、[$injector:nomod] Module 'residenceApp' is not available! が表示されます。これは、Angular アプリ全体の名前です。いくつかのチュートリアルを行ったにもかかわらず、AGM を使用するためにこれを構築する方法や、どこに置くべきかわかりません。

5番目に、AGM QuickStartに従って、CSSに次のものがあります

HTML class=".angular-google-map-container" の作成について指示が何も述べていないため、これはパズルです。それを行う指示がなかったので、そのような HTML クラス属性を入れませんでした。その CSS は何をしているのですか? それは私の状況に合っていますか?

ng を使用した HTML は次のようになります。

この時点で、残りの HTML のほとんどはモックアップ テキストです。

私のスクリプトは次のようになります。

AGM の example.html が私の PC で動作すると言うべきかもしれません。だから私はシステムに必要なコードを持っています。依存関係が正しく設定されていないか、何かがあります。

これらの問題を解決して Google マップを機能させるにはどうすればよいですか? 必要に応じて、さらに情報を提供できます。

ディレクティブを使用してマップ上に多数のマーカーを配置する、非常に単純な実装になるはずです。ここに私のHTMLがあります:

そして、私のJSの関連ビット:

[2] とマークされた HTML の行を含めるとマーカーが表示されますが、[1] とマークされた行を含めると表示されません。私の知る限り、これらはまったく同じ機能を持つはずです。これは非常に単純な例です。これはバグですか、それとも私は脳死ですか?

angular-google-maps の Bower ビルドを使用しています。

どうもありがとう。

スコープを正しく理解していない可能性がありますが、実装の一部の機能を動作させるのに問題があります。そのうちの 1 つがここで説明されています: https://github.com/nlaplante/angular-google-maps/issues/473

私は基本的に、windows ディレクティブでモデル情報を なしで取得するため、ng-non-bindable機能しませんng-click。しかし、私のng-click方法が適切に機能するには、モデルからの情報が必要です。

そのリンクのコード例でも確認できるもう1つの問題は、基本的にマーカーごとに2つのマーカーを表示する必要があることです。つまり、「フレーム」を表示してから、各マーカーの画像を表示する必要があります。常に2つの別々の画像になります。これを達成する方法はありますか？

両方の問題を示す plunkr を追加しました: http://plnkr.co/edit/QJmHKBSV2XniqF6HX7FS?p=preview

ウィンドウ内のリンクが適切に機能していないことがわかります (スコープが分離されているため、スコープから情報が配信されませんか?)、もう 1 つの問題は、より創造的なアプローチを取ることになります。各マーカーに 2 つの画像を含めます。

angular-google-maps ( http://angular-google-maps.org/ ) を使用して、AngularJS アプリケーションでマップを作成しています。<google-map>要素内に<markers>は、 $http.get リクエストの結果である配列に設定されたモデル属性を持つ要素があります。ただし、何らかの理由で、マーカーが読み込まれません。

データが存在することを知るために、マップの横に ng-repeat を使用して単純なリストをセットアップし、結果が返されたときに配列内の各要素の ID を出力し、実際にリストに入力するので、私はそうではありません<markers>ディレクティブを使用するときにマーカーが入力されない理由を確認してください。それらが $http.get からロードされており、別のことをする必要があるためですか?

サーバーからデータを取得するために現在行っていることはこれだけです。トラックスはファインダー機能付きのサービスです。

私のHTMLは次のようになります。

編集-ドキュメントをもう少し読んだところ、経度と緯度はモデル自体の一部であるため、 coords attribute = 'self' を追加する必要があることがわかりましたが、マーカーはまだ表示されません

ありがとう。