2016-08-18 10 views
0

私は現在、イオンアプリのために働いており、場所の地図を表示する必要があります。私はangle-google-mapを使用しており、地図は画面に表示されました。問題は私がマーカのマップを入手できなかったことです! というマーカが表示されなかった理由については、実際には分かりません。angle-google-map:地図上にマーカーを取得できません

私のhtmlコード:

<div id="map_canvas" ng-controller="mapCtrl"> 
    <ui-gmap-google-map center="map.center" zoom="map.zoom"> 
    <ui-gmap-marker coords="marker.coords" idkey="'1'"></ui-gmap-marker> 
    </ui-gmap-google-map> 
</div> 

マイcontrollers.jsコード:

.controller('mapCtrl', function($scope) { 
    $scope.map = { center: { latitude: 3.133098, longitude: 101.6816 }, zoom: 16}; 
    $scope.marker = {coords: { latitude: 3.133098, longitude: 101.6816 } }; 
}); 
+0

コンソールにエラーがありますか? – radyz

+0

コンソールにエラーはありません。 – YAR

+0

私はそれが 'idkey'の問題だと信じています。 $ scope.markerにidを入れてみてください。ここの例のように:http://angular-ui.github.io/angular-google-maps/#!/api/marker – e666

答えて

0

私が最初に完全に再インストールアンギュラグーグルマップでそれを解決して、次の3行を追加:

<script src="lib/lodash/lodash.js"></script> <script src="lib/angular-simple-logger/dist/angular-simple-logger.js"></script> <script src="lib/angular-google-maps/dist/angular-google-maps.js"></script>

私はすべての取り違えを持っています。クリーンで始めることを決め、エラーコンソールで細心の注意を払った。マーカーとマップの両方が正常に機能します。

関連する問題