cesium加载在线地图

593 阅读1分钟

加载ArcGIS在线地图

const viewer = new Cesium.Viewer("cesiumContainer"); viewer.imageryLayers.addImageryProvider( new Cesium.ArcGisMapServerImageryProvider({ url: "http://server.arcgisonline.com/arcgis/rest/services/World_Topo_Map/MapServer", }) );

加载高德地图

1、加载高德地图矢量图

const viewer = new Cesium.Viewer("cesiumContainer"); var atLayer = new Cesium.UrlTemplateImageryProvider({ url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8", minimumLevel: 3, maximumLevel: 18, }); viewer.imageryLayers.addImageryProvider(atLayer);

2、加载高德地图影像图

var imgLayer = new Cesium.UrlTemplateImageryProvider({ url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", minimumLevel: 3, maximumLevel: 18, }); viewer.imageryLayers.addImageryProvider(imgLayer);

地图纠偏

常用坐标系

  • (1)WGS84
  • 即GPS原始坐标系,也是当今三维开发中最普遍使用的坐标系。
  • (2)GCJ-02:火星坐标系
  • 由国测局发布的加密坐标系,是国内互联网地图最广泛使用的坐标系,包括高德、腾讯、谷歌中国地图。
  • (3)BD-09
  • 百度地图所采用的坐标系,即在火星坐标系上进一步偏移得到。
  • (4)CGCS2000
  • 又称2000国家大地坐标系,由西安80坐标系发展而来,一般使用高斯克吕格投影,用于国内土地调查等坐标参考系。天地图采用此坐标系。

纠偏插件

插件github地址: mirrors / dvgis / cesium-map · GitCode

引入方式

npm install @dvgis/cesium-map<script src="https://cdn.jsdelivr.net/npm/@dvgis/cesium-map"></script>

var options = {
  style: 'img', // style: img、elec、cva
  crs: 'WGS84' // 使用84坐标系,默认为:GCJ02
}
viewer.imageryLayers.addImageryProvider(new Cesium.AmapImageryProvider(optio

添加地形和建筑物

const viewer = new Cesium.Viewer("cesiumContainer"); viewer.terrainProvider = Cesium.createWorldTerrain(); // 添加地形数据 // 添加OSM bulidings,添加地形数据,可建筑模型保证贴地 viewer.scene.primitives.add(Cesium.createOsmBuildings());