2016-08-18 6 views
0

저는 현재 이온 응용 프로그램을 위해 작업 중이며 장소의지도를 보여줄 필요가 있습니다. angle-google-map을 사용하고 있으며지도가 화면에 표시되었습니다. 문제는지도 상에 마커을 얻을 수 없다는 것입니다. 마커이 표시되지 않는 이유에 대한 아이디어가 정말 부족합니다.angular-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

내가 먼저 완전히 다시 설치 각도 - 구글 -지도하여 해결하고, 다음 세 줄을 추가 :

<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>

내가 다 믹스 업을 가지고있다. 깨끗하게 시작하기로 결정하고 오류 콘솔에 세심한주의를 기울였습니다. 이제 마커와 맵 모두 잘 작동합니다!