在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

文档中有一个类似于回调(使用Promise)的示例:调用NgMap服务的NgMap.getMap()方法的https://ngmap.github.io/#/!geojson.html。因此您可以将加载器显示到

//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>