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

发布时间：2020-12-17 18:07:17 所属栏目：安全来源：网络整理

导读：任何好的推荐角度6支持的库,可用于完成以下任务？我正在使用ngx-leaflet作为地图. 我希望使用Vectors而不是Rasters创建地图.但是,您可以通过mapbox-gl-leaflet插件完成I know that Leaflet doesn’t support vector tiles by default. 任何人都可以推荐我使

任何好的推荐角度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);
    });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!