用CityBuilder创建地图

CMap 地图

创建地图(Map)时,可设置相应的初始化参数对大气层显示/隐藏、雾效、白天黑夜效果、地图版权信息栏进行控制。

var map = app.create({ type: 'Map', atmosphere: true, // 显示/隐藏 大气层 默认显示 style: { night: false, // 开启/关闭 白天黑夜效果 默认开启 fog: true // 开启/关闭 雾效 默认关闭 }, attribution: 'Google'// 右下角地图版权信息栏 });

显示/隐藏 大气层

开启/关闭 雾效

开启/关闭 白天黑夜效果

Map 创建完成后,还需要指定地图所需要的底图图层,才能展现出一个地球。

var app = new THING.App(); // 设置app背景为黑色 app.background = [0, 0, 0]; // 引用地图组件脚本 THING.Utils.dynamicLoad(['http://www.thingjs.com/uearth/uearth.min.js'], function () { // 创建一个地图 var map = app.create({ type: 'Map', atmosphere: true, // 显示/隐藏 大气层 默认显示 style: { night: false, // 开启/关闭 白天黑夜效果 默认开启 fog: true // 开启/关闭 雾效 默认关闭 }, attribution: 'Google'// 右下角地图版权信息 }); // 创建一个瓦片图层 var tileLayer = app.create({ type: 'TileLayer', name: 'tileLayer1', url: 'http://mt0.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}' }); // 将瓦片图添加到地图底图中 map.baseLayers.add(tileLayer); });

可通过设置 visible 控制地球的显示/隐藏

map.visible = false;// 不显示地球

注意事项

注意:这里设置的显示/隐藏针对整个地球(包括所有图层)

Map 作为地图组件库的入口,还提供以下功能:

  • 获取各类图层集合,添加、获取、删除图层
  • 提供相应的地理计算工具
  • 分发一些地图事件

在线开发入口https://www.thingjs.com/guide/?m=sample

猜你喜欢

转载自www.cnblogs.com/ThingJS3D/p/11764717.html