Question

我正在使用angular-google-maps将一系列标记基本加载到谷歌地图中。我无法让我的指令正常工作。我没有收到任何错误，但标记没有显示出来。我的代码如下。

是否有一种调试这种情况的好方法？

HTML：

    <ui-gmap-google-map center='map.center' zoom='map.zoom' events='map.events'>
      <ui-gmap-search-box template="searchbox.template" events="searchbox.events" options="searchbox.options" position="searchbox.position"></ui-gmap-search-box>
      <ui-gmap-markers
        models='markers'
        coords='"self"'
        >
      </ui-gmap-markers>
      <ui-gmap-layer type='TransitLayer'></ui-gmap-layer>
    </ui-gmap-google-map>

JS：

$scope.markers = [{
    id: '5WnUJbhPEg',
    coords: { latitude: 42, longitude: -71 }
}];

$scope.$watch(function() {
        return $scope.markers;
    }, function(newValue, oldValue) {
        console.log('markers changed in $watch');
        console.log($scope.markers);
    }, 
    true
);

Answer 1

想出那个

  <ui-gmap-markers
    models='markers'
    coords='"self"'
    >
  </ui-gmap-markers>

应该是

  <ui-gmap-markers
    models='markers'
    coords='"coords"'
    >
  </ui-gmap-markers>

我认为“自我”只有在

时才有效

$scope.markers = [{
    id: '5WnUJbhPEg',
    latitude: 42,
    longitude: -71
}];

Angular-Google-Maps ui-gmap-markers不可见

1 个答案: