Angularjs ngMap中的简单重复不工作_Angularjs_Ng Map

Angularjs ngMap中的简单重复不工作

angularjs

Angularjs ngMap中的简单重复不工作,angularjs,ng-map,Angularjs,Ng Map,我以为我以前做过这类事情，但我一直在尝试做一些简单的事情。这是我使用ngMap的HTML <html ng-app="myApp" ng-controller="mapCtrl as map"> .... <map center="52.374, 4.899" zoom="12"> <marker ng-repeat="m in map.data" title="{{m.name}}" position="{{m.lat}},{{m.lng}}"><

我以为我以前做过这类事情，但我一直在尝试做一些简单的事情。这是我使用ngMap的HTML

<html ng-app="myApp" ng-controller="mapCtrl as map">
....
<map center="52.374, 4.899" zoom="12">
  <marker ng-repeat="m in map.data" title="{{m.name}}" position="{{m.lat}},{{m.lng}}"></marker>
</map>

我最终得到了6个标记，都是0,0，而不是阿姆斯特丹的2个-见。有什么问题吗？

在这种情况下，会发生名称冲突。map指令在已定义的控制器对象的作用域中创建映射对象。因此，只需将

mapCtrl重命名为map

即可。例如，

mapCtrl作为mapCtrl

angular.module("myApp")
.controller('mapCtrl', function() {
    var vm = this;

    vm.data = [
        {"name": "A1", "lat":52.38, "lng":4.9},
        {"name": "A2", "lat":52.39, "lng":4.87}
    ];

    return vm;
});