javascript - ng-map 中加载 GeoJSON 的回调

Question

这是通过ng-map中的map-data加载geoJSON文件的回调吗？我的代码看起来很简单：

<ng-map map-type-control="false" zoom-to-include-markers="true">
    <map-data load-geo-json="myPlace.geojson"></map-data>
</ng-map>

我的 GeoJSON 加载了一些时间，我想为这个加载时间添加一些角度微调器。有可能做到这一点吗？

Answer 1

文档中有一个带有某种回调（使用 Promises）的示例：https://ngmap.github.io/#/!geojson.html调用服务NgMap.getMap()的方法NgMap。所以你可以显示加载器直到

//controller
app.controller('MyCtrl', function(NgMap) {
 vm.loaded = false; //property to toggle visibility
 NgMap.getMap().then(function(map) {
    vm.map = map;
    vm.loaded = true;//update on JSON loaded
  });
//..other stuff



<!-- template-->
<!--loader block-->
<div class="loader" ng-show="!loaded"></div>

<!--map is hidden untill json loaded-->
<ng-map ng-show="loaded" zoom="4" center="39.02, -95.81">
  <map-data load-geo-json="us-states-20m.json">
  </map-data>
</ng-map>