官方示例之地球模块五：ThingLayer

ThingJS_小锘

于 2020-10-19 14:59:02 发布

阅读量394

点赞数

CC 4.0 BY-SA版权

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

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

本文详细剖析了JavaScript官方示例中关于地球模块第五部分的内容，重点讲解了如何创建和使用ThingLayer，该层用于在场景中展示各种事物，包括其实现原理和应用场景。

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

/**
 * 该示例展示了如何向 ThingLayer 中添加点、线、面数据
 */
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',
		attribution: 'Google',
		style: {
   
			night: false
		}
	});
	// 创建一个瓦片图层
	var tileLayer1 = app.create({
   
		type: 'TileLayer',
		name: '卫星影像图层',
		// Google WGS84 卫星影像服务
		url: 'https://mt{0,1,2,3}.google.cn/vt/lyrs=s&x={x}&y={y}&z={z}'
	});
	// 将瓦片图添加到底图图层中
	map.addLayer(tileLayer1);

	// 创建一个 ThingLayer
	var thingLayer = app.create({
   
		type: "ThingLayer",
		name: "thingLayer01"
	});
	// 将ThingLayer添加到地图中
	map.addLayer(thingLayer);

	new THING.widget.Button('添加GeoPoint', function () {
   
		var geoPoint = thingLayer.query('北京南站')[0];
		if (!geoPoint) {
   
			geoPoint = app.create({
   
				type: 'GeoPoint',
				name: '北京南站',
				userData: {
    '类别': '火车站' },
				coordinates: [116.3728952407837, 39.86314075266001],
				renderer: {
   
					type:

最低0.47元/天解锁文章