地图初始化及geojson数据

html部分

<div id="GlobeView"></div>css
#GlobeView{position: absolutewidth: 100%height: 100%
}

JS部分

let viewer = new Cesium.Viewer("GlobeView", {// 添加天地图影像底图imageryProvider: new Cesium.WebMapTileServiceImageryProvider({url: TDT_IMG_W,layer: "tdtVecBasicLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible"})});// 添加天地图标注viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({ url: TDT_CIA_W,layer: "tdtAnnoLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible"}))// 照相机视角跳转到中国viewer.camera.flyTo({destination: Cesium.Cartesian3.fromDegrees(103.84, 31.15, 17850000),orientation: {heading :  Cesium.Math.toRadians(348.4202942851978),pitch : Cesium.Math.toRadians(-89.74026687972041),roll : Cesium.Math.toRadians(12)}});// 添加geoJson数据viewer.dataSources.add(Cesium.GeoJsonDataSource.load("/data/xian.json",{stroke: Cesium.Color.CORAL,fill: Cesium.Color.CHOCOLATE.withAlpha(0.5), //如果把0.5改成0 则填充色设置为空strokeWidth: 3,}));

添加WMS在线图层服务

let wmsProvider = new Cesium.WebMapServiceImageryProvider({url : '服务地址',layers : '发布服务上的图层名称',parameters: {service : 'WMS',format: 'image/png',transparent: true,}  })viewer.imageryLayers.addImageryProvider(wmsProvider);

WMTS服务

let wmtsyProvider = new Cesium.WebMapTileServiceImageryProvider({url : '服务地址',layer : '图层名称',style : '',format : 'image/png',tileMatrixSetID:'EPSG:4326'      坐标系});viewer.imageryLayers.addImageryProvider(wmtsyProvider);

Cesium添加geojson数据及WMS在线图层服务相关推荐

cesium 添加geojson数据，创建白模，创建label标签，并使用canvas自定义聚合背景图片
// data :geojson数据 dbcBuliding(data = this.option.geojsonData) {let _this = this// let viewer = _thi ...
第六章 Cesium学习入门之添加Geojson数据（dataSource）
从0开始的Cesium 第一章 Cesium学习入门之搭建Vite+Vue3+Cesium开发环境第二章 Cesium学习入门之搭建Cesium界面预览和小控件隐藏第三章 Cesium学习入门之地 ...
WebGL，Cesium以及GeoJSON数据的简单介绍
目录一.WebGL 二.Cesium (1)Cesium:一个用于显示三维地球和地图的开源js库. (2)Cesium的基本功能: (3)cesium的依赖性与技术标准 (4)Cesium与周边产品 ...
Cesium调用Geoserver发布的 WMS、WFS服务
1 GeoServer服务发布 1.1 WMS服务下载GeoServer安装版安装,同时安装geopackage扩展,以备使用.使用XX地图下载器下载地图,导出成GeoPackage地图文件. (1 ...
cesium中geoJSON数据的生成
0.推荐工具 1.首先推荐一个生成geoJSON文件的工具,你可以在地图上随意画图形,然后会给你生成对应的geoJSON文件,特别好用. https://geojson.io/#map=2/0/20 ...
Cesium加载GeoJson数据（shp转化的json数据）
1.shp转换成json格式此处整理了两种shp转为json格式的方式:一是使用工具:二是使用ArcGIS进行转换. 1.1.ArcGIS转换 1.使用ArcGIS将shp文件的地理坐标设置为WGS ...
Cesium geojson数据的添加与移除
1.定义GeoJson:首先定义GeoJsonDataSource,加载GeoJson. 2.添加GeoJson:将定义好的GeoJson添加到viewer的dataSources中. 这里要注意: ...
开源GIS（九）——openlayers中简单要素的添加与geojson数据修改添加
目录一.引言二.简单要素点线面的添加 1.创建feature 2.创建style,添加source.style到layer 3.添加layer到map 三.WFS获取geojson数据并修改四. ...
cesium创建、添加json数据
一.shp转换成json格式第一步:使用ArcGIS将shp文件的地理坐标设置为WGS_1984并导出为shp数据. 1.打开ArcGIS的Toolbox工具箱,选择"定义投影" ...

Cesium添加geojson数据及WMS在线图层服务

地图初始化及geojson数据

html部分

JS部分

添加WMS在线图层服务

WMTS服务

Cesium添加geojson数据及WMS在线图层服务相关推荐

最新文章

热门文章