Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用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);
    });
}

大佬总结

以上是大佬教程为你收集整理的如何使用ngx-leaflet(Angular方式)创建矢量切片贴图?全部内容,希望文章能够帮你解决如何使用ngx-leaflet(Angular方式)创建矢量切片贴图?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。