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

最新推荐文章于 2023-05-16 17:08:42 发布

原创

最新推荐文章于 2023-05-16 17:08:42 发布 · 593 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

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

/**
 * 该示例主要展示了地图底图切换功能
 */
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}',
		'街道': 'https://webst0