私は現在、イオンアプリのために働いており、場所の地図を表示する必要があります。私は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 } };
});
コンソールにエラーがありますか? – radyz
コンソールにエラーはありません。 – YAR
私はそれが 'idkey'の問題だと信じています。 $ scope.markerにidを入れてみてください。ここの例のように:http://angular-ui.github.io/angular-google-maps/#!/api/marker – e666