用于在ng映射中加载GeoJSON的回调

Callback for load GeoJSON in ng-map

本文关键字：GeoJSON 回调 加载 ng 映射 用于      更新时间：2023-09-26


这是一个回调，用于通过ng-map中的映射数据加载geoJSON文件？我的代码看起来很简单：

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

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

文档中有一个回调类型（使用Promises）的示例：https://ngmap.github.io/#/！geojson.html，它调用CCD_ 2服务的CCD_。所以你可以显示加载程序直到

//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>
相关文章：