【Cesium学习（十二）】Cesium常见问题整理总结

最新推荐文章于 2025-12-01 22:31:44 发布

原创

最新推荐文章于 2025-12-01 22:31:44 发布 · 1.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #webgl #前端 #数据可视化

前言

在前面这么多学习的文章中，遇到了好多读者问到的问题，可能来不及为大家全部回复，这里我将这些问题总结统计，一篇文章告诉你们！

常见问题总结

1、怎么使用本地或者服务器的地图底图

在每次初始化地球时imageryProvider可以设置地图。

const googleMap = 'https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}'; // 谷歌
const gaodeMap = 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}' // 高德
let viewer = new Cesium.Viewer('cesiumContainer', {
   
   
    //1.Cesium本地服务
    imageryProvider: Cesium.createTileMapServiceImageryProvider({
   
   
        url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
    }),
    //2.高德地图 / 谷歌地图
    imageryProvider: new Cesium.UrlTemplateImageryProvider({
   
   
		// url:gaodeMap ,
		url:gaodeMap
	}),
    //本地图片
    imageryProvider: new Cesium.SingleTileImageryProvider({
   
   
        url : '../../images/luwang.jpg'
    })
});