angular-google-地图:无法在地图上获取标记
angular-google-map: unable to get marker on the map
我目前正在为 ionic 应用程序工作,需要显示某个地方的地图。我正在使用 angular-google-地图,地图确实显示在屏幕上。问题是我无法在地图上找到 marker!
我真的 运行 不知道为什么 标记 没有出现。
我的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 } };
});
我首先完全重新安装 angular-google-maps 并添加以下三行解决了这个问题:
<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>
我把所有东西都弄混了。决定从头开始,并密切关注错误控制台。现在标记和地图都可以正常工作了!
我目前正在为 ionic 应用程序工作,需要显示某个地方的地图。我正在使用 angular-google-地图,地图确实显示在屏幕上。问题是我无法在地图上找到 marker! 我真的 运行 不知道为什么 标记 没有出现。
我的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 } };
});
我首先完全重新安装 angular-google-maps 并添加以下三行解决了这个问题:
<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>
我把所有东西都弄混了。决定从头开始,并密切关注错误控制台。现在标记和地图都可以正常工作了!