2


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 はしばらく読み込みますが、この読み込み時間のために角度のあるスピナーを追加したいと思います。これを行うことは可能ですか？

4

1 に答える 1

0

ドキュメントには、サービスのメソッドを呼び出すhttps://ngmap.github.io/#/!geojson.htmlなどのコールバック (Promises を使用) の例があります。したがって、ローダーまで表示できます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>
于 2016-05-10T11:32:49.243 に答える