1

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

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

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

Trucks
  .findAll()
  .then(function(success) {
    $scope.trucks = success.data;
  }, function(error) {
    console.debug(error);
  });

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

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

<div class="row row-fluid">
    <div class="google-map col-xs-9" center="map.center" zoom="map.zoom">
        <markers models="trucks" do-rebuild-all="true" do-cluster="true" coords="'self'"></markers>
    </div>
    <div class="col-xs-3">
        <ul>
            <li ng-repeat="truck in trucks">{{truck.id}}</li>
        </ul>
    </div>
</div>

ありがとう。

4

1 に答える 1

1

これは奇妙に思え、問題を解決できない可能性がありますが、do-cluster 属性は実際には doCluster である必要があります。これらのディレクティブが構築される方法のため、実際にはこれらの Camel ケースを実行します。返されるデータの例を投稿できますか? また、do-rebuild-all も doRebuildAll になると思います

于 2014-06-20T10:26:30.443 に答える