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

NgMapサービスのNgMap.getMap()メソッドを呼び出すdocs：https://ngmap.github.io/#/!geojson.htmlにコールバックの並べ替え（Promisesを使用）の例があります。だから、ローダーまで表示することができます

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