加载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());