官方示例之地球模块七:创建GeoLine

本文详细探讨了如何使用JavaScript来创建GeoLine,基于官方示例进行解析,涵盖了关键步骤和实现细节,适合对地理信息系统和JavaScript编程感兴趣的读者。
摘要由CSDN通过智能技术生成
/**
 * 该示例展示了创建不同样式的 GeoLine
 */
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}',
		style: {
   
			template: CMAP.TileLayerStyle.DARKBLUE // 设置瓦片图层滤镜为 深蓝滤镜
		}
	});
	map.addLayer(tileLayer1);

	app.camera.earthFlyTo({
   
		lonlat: [116.38541042804717, 39.90609864611045],
		height: 1000
	});

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

	new THING.widget.Button('像素线', function () {
   
		var geoLine = thingLayer.query('像素线')[0];
		if (!geoLine) {
   
			geoLine = app.create({
   
				type: 'GeoLine',
				name: '像素线',
				coordinates: [
					[116.36808335781097, 39.90587231918103],
					[116.37653768062592, 39.90584351388183],
					[116.38541042804717, 39.90609864611045],
					[116.3970512151718, 39.90649780269116],
					
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值