Question

我正在尝试使用ngmaps指令进行离子操作但是当我使用它时似乎没有显示任何内容。我正在尝试使用json数据创建url，它应该将纬度和经度放入地图中心但没有任何显示，甚至没有显示。

<div id="gmap" ng-controller="mapCtrl">
        <div map-data="https://maps.google.com/maps/api/js"
        map-data-params="{{googleMapsUrl}}">
        <ng-map center="{{office.LatLong}}" zoom="3"></ng-map>
    </div> 



.controller('mapCtrl', function(NgMap, $scope) {
  NgMap.getMap().then(function(map) {
    console.log(map.getCenter());
    //console.log('markers', map.markers);
    //console.log('shapes', map.shapes);
    $scope.googleMapsUrl="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGAHnplGPjFoVvShk6Tsna3-DN8rHQBI8";
  });
})

Answer 1

这是一个基于Plunker的工作ngmap：

你的div有问题（没有关闭），这是正确的sintax：

  <div id="gmap" >
      <div map-data="https://maps.google.com/maps/api/js" map-data-params="{{googleMapsUrl}}">
      <ng-map center="{{office.LatLong}}" zoom="4"></ng-map>
      </div>
  </div>

使用带有json数据的ngmaps

1 个答案: