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

关注

VIP免费原创最新推荐文章于 2026-07-29 09:28:22 发布 444 阅读 AI 写同款· GEO 优化 ›

官方示例之地球模块六：创建GeoPoint /** * 该示例展示了创建不同样式的 GeoPoint */ 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', sty 阅读详情

/**
 * 该示例展示了如何向 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: 'image'