/**
* 该示例展示了创建不同样式的 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],
官方示例之地球模块七:创建GeoLine
最新推荐文章于 2024-09-22 11:17:00 发布
本文详细探讨了如何使用JavaScript来创建GeoLine,基于官方示例进行解析,涵盖了关键步骤和实现细节,适合对地理信息系统和JavaScript编程感兴趣的读者。
摘要由CSDN通过智能技术生成