2016-08-18 64 views
0

我目前正在为离子应用工作,并且需要显示地图的地图。我正在使用angular-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>

我就拥有了一切混淆。决定开始清理,并密切关注错误控制台。现在标记和地图工作都很好!