NgMap AngularJS setZoom（）

Question

是否有人熟悉使用Google Maps API的NgMap指令？我已经得到了一个用数据点上的标记进行渲染的地图，但是当我点击标记时我想要放大。这不适合我。我只是想记录标记的传入位置，我现在什么也看不见。 我对AngularJS很陌生，所以我可能会遗漏一些关于范围的东西。谢谢！

这是地图：

<canvas id=canvas></canvas>
8000 animated points

组件：

<div id='map'>
 <map center="{{ $ctrl.map.center.latitude }}, {{ $ctrl.map.center.longitude  }}" zoom="{{ $ctrl.map.zoom }}">
   <div ng-repeat="location in $ctrl.locations">
     <marker position="[{{ location.latitude }}, {{ location.longitude }}]" ng-click="$ctrl.pinClicked(location)"></marker>
   </div>
 </map>
</div>

}

Answer 1

将ng-repeat移至marker指令，并使用onClick与控制器的功能绑定。

<marker ng-repeat="location in $ctrl.locations" position="[{{ location.latitude }}, {{ location.longitude }}]" on-click="$ctrl.pinClicked(location)"></marker>

参见示例 here 。