官方示例之地球模块二：底图切换

ThingJS_小锘

于 2020-10-19 14:56:21 发布

阅读量573

点赞数

CC 4.0 BY-SA版权

分类专栏： ThingJS 3D可视化物联网文章标签： javascript

本文链接：https://blog.youkuaiyun.com/ThingJS/article/details/109160926

本文详细探讨了如何使用JavaScript实现地球模块中的底图切换功能，通过实例代码解析了切换过程的关键步骤和技术要点，帮助开发者更好地理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 该示例主要展示了地图底图切换功能
 */
var app = new THING.App();
// 设置地图背景为黑色
app.background = [0, 0, 0];

var mapConfig = {
   
	'Google': {
   
		'影像': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
		'街道': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=m&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
		'影像带标注': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=y&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
		'地形带标注': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=p&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}'
	},
	'高德': {
   
		'影像': 'https://webst0{1,2,3,4}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',