如何使用ngx-leaflet(Angular方式)创建矢量切片贴图?

前端之家收集整理的这篇文章主要介绍了如何使用ngx-leaflet(Angular方式)创建矢量切片贴图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
任何好的推荐角度6支持的库,可用于完成以下任务?

我正在使用ngx-leaflet作为地图.
我希望使用Vectors而不是Rasters创建地图.但是,您可以通过mapbox-gl-leaflet插件完成I know that Leaflet doesn’t support vector tiles by default.

任何人都可以推荐我使用角度6来完成此任务的方法或适当的库吗?

解决方法

您可以使用 Leaflet.VectorGrid plugin.请参阅 ngx-leaflet-starter和相关的 demo.

>通过yarn add leaflet.vectorgrid安装它
>创建定义要使用的API的binding file src / typings / leaflet.vectorgrid.d.ts,例如:

import * as L from "leaflet";

declare module "leaflet" {
  namespace vectorGrid {
    export function slicer(data: any,options?: any): any;
  }
}

>加载矢量切片,例如:

// add import statement
import * as L from "leaflet";
// then call...
loadGeojson() {
    this.http.get("assets/airports.min.geojson").subscribe(result => {
            this.vtLayer = L.vectorGrid.slicer(result,{
              zIndex: 1000
            });
            this.vtLayer.addTo(this.map);
    });
}

猜你在找的Angularjs相关文章