Cesium矢量地图插件发布新版本

Posted 2023-03-15

参考技术A 一周前CesiumVectorTile 1.2.1版本就已经更新到npm里了，本次更新主要解决Cesium最新版本适配问题。

CesiumVectorTile简介

CesiumVectorTile是一个在Web前端二、三维地图框架上直接加载、显示矢量地图数据的开源插件，在三维地图上可以实现严格贴地。

这个插件是由贵州三维网格信息技术有限公司创始人在2017年创建的，2018年正式开源，现在由公司伙伴一起维护。

支持的地图框架：

Leaflet

Cesium

支持的矢量格式：

geojson

shp

插件源码在github和npm都可以获取，开箱即用，可放心商用。欢迎star（  https://github.com/MikesWei/CesiumVectorTile  ）。

npmi cesiumvectortile

varprovider=newCesium.VectorTileImageryProvider(source:"xxx.geojson",//or "xxx.shp"defaultStyle:outlineColor:"rgb(255,255,255)",lineWidth:2,fill:false,tileCacheSize:200,maximumLevel:20,minimumLevel:1);varlayer=viewer.imageryLayers.addImageryProvider(provider);

1、解决新版Cesium移除isArray和loadXXX系列方法引发的问题；

2、解决其他已知的小问题。

1、增加TypeScript定义CesiumVectorTile.d.ts；

1、支持leaflet（仅支持EPSG4326）；

2、解决与第三方库（如Vue）结合的一些问题。

1、支持要素查询：增加构造函数可选参数allowPick，事件featuresPicked

1、支持虚线和阴影

1、支持最新版Cesium；

2、支持以注记的方式显示关键属性，如地名等。

039：cesium加载Natural Earth II地图

第039个

点击查看专栏目录

本示例的目的是介绍如何在vue+cesium中加载Natural Earth II地图，该地图带阴影地势、水和排水系统。

直接复制下面的 vue+cesium源代码，操作2分钟即可运行实现效果.

文章目录

• • • 示例效果
    • 配置方式
    • 示例源代码（共66行）
    • 相关API参考：
    • 专栏目标

示例效果

配置方式

1）查看基础设置：https://xiaozhuanlan.co