官方示例之地球模块四：底图效果

关注

VIP免费原创最新推荐文章于 2026-06-12 14:20:01 发布 300 阅读 AI 写同款· GEO 优化 ›

官方示例之地球模块二：底图切换 /** * 该示例主要展示了地图底图切换功能 */ 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, 阅读详情

/**
 * 该示例主要展示了地图底图颜色以及底图滤镜功能
 * 注：CMap中的颜色rgb取值范围为0-255
 */
var app = new THING.App();
// 设置地图背景为黑色
app.background = [0, 0, 0];

THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/uearth.min.js'], function () {
   
   
	// 创建一个地图
	var map = app.create({
   
   
		type: 'Map',
		style: {
   
   
			night: false // 关闭白天黑夜的特效
		},
		attribution: 'Google'
	});
	// 创建一个瓦片图层
	var tileLayer1 = app.create({
   
   
		type: 'TileLayer',
		name: 'tileLayer1',
		url: 'https://mt0.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}'
	});
	// 将瓦片图添加到地图中
	map.addLayer(tileLayer1);

	// 创建一个配置界面组件
	var panel = new THING.widget.Panel({
   
   
		titleText: '颜色校正',
		hasTitle: true
	});

	var panelCustomColor = new THING.widget.Panel({
   
   
		titleText: '自定义滤镜颜色',
		hasTitle: true,
		position: [320, 0]
	});
	panelCustomColor.visible = false;

	var dataObj = {
   
   
		'亮度': 1.0,
		'对比度': 1.0,
		'饱和度': 1.0,
		'色调': 0,
		'gamma':