2016-08-18 5 views
0

В настоящее время я работаю над ионным приложением и должен показать карту места. Я использую угловую-google-карту, и карта действительно отображалась на экране. Проблема в том, что я не смог получить маркер на карте! У меня действительно заканчивается идея о том, почему маркер не появился.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. Как в примере здесь: http://angular-ui.github.io/angular-google-maps/#!/api/marker – e666

ответ

0

Я решил его первый полностью заново установить угловыми-Google-карты, а также добавить следующие три строки:

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

у меня есть все, неразбериха. Решил начать чистку и уделял пристальное внимание консоли ошибок. Теперь и маркер, и карта работают просто отлично!