Question

我目前正在为离子应用程序工作，需要显示一个地方的地图。我正在使用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 } };
});

Answer 1

首先完全重新安装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>

我把所有东西搞混了。决定开始干净，并密切关注错误控制台。现在标记和地图都工作得很好！

angular-google-map：无法在地图上获得标记

1 个答案: