3D地球(超图) v1.0.1
文档基于3D地球(超图) v1.0.1版本
组件说明
3D地球(超图)组件对接超图相关服务支持对接超图矢量瓦片地图、超图栅格地图服务、S3M倾斜摄影、白模服务。能够以三维地球形式动态展示相对宏观的地理位置数据,也能够结合矢量地图数据、模型展示相对微观的城市场景,支持定义地球内点位、标记、飞线、中心场景切换等。
效果案例
组件结构
3D地球(超图)组件主要由「父组件」及「子组件」两部分组成,可根据实际场景分别定义对应配置项。
*组件结构说明
模块 | 说明 |
父组件 | 外围的「地球容器」部分,支持对相机设定、旋转进行配置 |
子组件 | 地球内数据叠加、装饰形态,可单独定义样式风格及相关数据 |
一、父组件配置
子组件管理
组件创建之初,系统会默认携带常用子组件,使用者可根据实际场景对子组件进行新增或编辑。
支持对已添加子组件进行隐藏、重命名、复制、删除操作。
*子组件管理
样式
1、基本属性
位置尺寸:
位置包括组件的横坐标和纵坐标,单位为px;横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。
尺寸包括组件的宽度和高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高,比例锁默认不锁定。
*组件位置尺寸说明
默认隐藏:
控制组件在页面中隐藏,在预览和发布页面中不显示该组件,通常配合交互事件使用该配置项。
2、基础配置
默认相机位置:
相机位置:
配置相机视点的经纬度以及距离视点的位置高度。
*偏航角、俯仰角、翻滚角说明
偏航角:实际航向与计划航向之间的夹角。
俯仰角:机体轴(沿机头方向)与地平面(水平面 )之间的夹角。
翻滚角:物体绕前后轴线转动的角度为横滚角。
旋转配置:
速度:数值大小控制转速,正负控制地球旋转方向。
距离:距离视点的位置高度。
3、效果配置
*效果配置对应配置项
泛光设置:
亮度阈值:调节实现控制场景亮度
泛光强度:调整场景泛光的强度
HDR:
勾选后启用高动态光照渲染
数据
3D地球(超图)主组件数据相对固定,系统默认对全球范围数据进行预置,故此处一般场景下无需进行编辑操作。
交互
载入动画
所有组件均提供移入、移入(小)、划变三种组件载入动画。
载入动画选择无时,则组件没有载入动画。
载入动画仅在可视化应用预览、发布组件加载时显示。
载入动画配置项:
配置项 | 说明 |
渐隐渐显 | 启用后载入动画增加渐隐渐显过渡 |
速率 | 匀速、慢快慢(cubic-bezier(0.25,0.1,0.25,1))、低速开始、低速结束、低速开始和结束(cubic-bezier(0.42,0,0.58,1)) |
方向 | 动画方向 |
持续时间 | 载入动画持续时间,单位为ms |
延时 | 载入动画延时长,单位为ms |
自定义事件
自定义事件为「交互事件」的增强模块,支持通过数据驱动组件状态、或变更组件样式配置,也可自定义编辑复杂的条件逻辑;
详细的自定义事件教学👉自定义事件教学
二、子组件配置
1、XYZ图层
样式
服务地址:
支持对接XYZ格式的瓦片地图服务,填入对应XYZ格式的地图服务地址即可
参照地图服务地址:
河流水系:http://thematic.geoq.cn/arcgis/rest/services/ThematicMaps/WorldHydroMap/MapServer/tile/{z}/{y}/{x}
山地阴影http://thematic.geoq.cn/arcgis/rest/services/ThematicMaps/hillshade/MapServer/tile/{z}/{y}/{x}
植被:http://thematic.geoq.cn/arcgis/rest/services/ThematicMaps/vegetation/MapServer/tile/{z}/{y}/{x}
深蓝色主题:http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}
暖色系主题:http://thematic.geoq.cn/arcgis/rest/services/StreetThematicMaps/Warm_OnlySymbol/MapServer/tile/{z}/{y}/{x}
灰色版:http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}
卫星地图:https://webst03.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}
范围:
地图服务的经纬度范围
2、单图片瓦片
样式
组件默认添加该子组件,将子组件删除(子组件列表无该子组件)/隐藏时,组件也渲染单图片瓦片的默认样式
图片:
上传单图片瓦片的图片资源,同时也可在数据中填写对应图片资源地址进行上传
范围:
单图片瓦片的经纬度范围,图片左上角对应最大经纬度,图片右下角对应最小经纬度
3、S3M倾斜摄影
样式
基础配置
服务地址:
支持对接超图S3M倾斜摄影服务,填入对应服务地址即可,配置项默认填入的地址为超图的参照数据(哈尔滨-圣索菲亚大教堂)地址,如需获取其他S3M倾斜摄影数据,需采购超图对应服务
自动居中:
勾选后组件镜头默认跳转至S3M倾斜摄影区域
样式配置
调整倾斜摄影模型样式
*样式配置对应配置项
4、白模型服务
样式
基础配置
服务地址:
支持对接超图白模型服务,填入对应服务地址即可,配置项默认填入的地址为超图的参照数据(重庆)地址,如需获取其他白模型数据,需采购超图对应服务
自动居中:
勾选后组件镜头默认跳转至白模型数据区域
样式配置
基础效果:
配置模型颜色、以及贴图(纹理随机贴图)
*基础效果对应配置项
后期效果:
*后期效果对应配置项
5、超图栅格地图服务
样式
基础配置
服务地址:
支持对接超图栅格地图服务,填入对应服务地址即可,配置项默认填入的地址为超图的参照数据(成都-甘孜藏族自治州地区)地址,如需获取其他栅格地图数据,需采购超图对应服务
*超图栅格地图服务默认数据
6、超图矢量瓦片服务
样式
基础配置
服务地址:
支持对接超图矢量瓦片地图服务,填入对应服务地址即可,配置项默认填入的地址为超图的参照数据(京津地区)地址,如需获取其他栅格地图数据,需采购超图对应服务
*超图矢量瓦片服务默认数据
数据
默认数据中的JSON数据为Mapbox地图样式规范(https://jingsam.github.io/mapbox-gl-style-spec/)通过此进行矢量瓦片地图样式的调整
7、光源
样式
光源类型:
配置场景光源类型:方向光、点光源、聚光
方向光配置:
*方向光配置对应配置项
点光源配置:
*点光源配置对应配置项
聚光配置:
*点光源配置对应配置项
8、GeoJSON面
样式
基础配置:
上传GeoJSON数据,以绘制边界轮廓
样式配置:
配置项 | 说明 |
填充颜色 | 配置边界填充样式 |
边线 | 启用后绘制边线 |
边线颜色 | 配置调整边界轮廓的颜色与粗细 |
基础高度 | 配置该GeoJSON面距离地面的高度 |
拉伸高度 | 配置该GeoJSON拉伸后距离地面的高度 |
上封闭 | 勾选后,拉伸后将上底面封闭 |
下封闭 | 勾选后,拉伸后将下底面封闭 |
数据
组件数据格式
字段 | 说明 |
name | 区域名称 |
color | 配置指定区域的颜色填充 |
extrudedHeight | 配置制定区域的颜色填充 |
*组件数据格式说明
JSON数据案例
[ { "name": "浙江省", "color": "rgba(255, 70, 70, 1)", "extrudedHeight": 20000 } ]
9、飞线
主要用于标识展示两地间数据往来、交互。
样式
样式配置
支持定义飞线飞行效果。
配置项 | 说明 |
飞线颜色 | 配置飞线颜色 |
飞线长度 | 飞线流向光效的长度 |
粗细 | 飞线以及飞线流向光效的粗细 |
高度 | 配置飞线最高点距离地面高度 |
底线线颜色 | 底线颜色 |
动画配置
飞行时间:
飞线流向光效的动画时长
数据
根据真实地理经纬度数据驱动。
字段 | 说明 |
startLng | 起点经度 |
startLat | 起点纬度 |
endLng | 终点经度 |
endLat | 终点纬度 |
*组件数据格式说明
数据样例
[ { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 102.40936406359071, "endLat": 30.52267096404252 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 95.64178593859071, "endLat": 35.67350439035918 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 112.07733281359071, "endLat": 30.975874967347746 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 119.98748906359071, "endLat": 32.98853906377537 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 118.05389531359071, "endLat": 25.798070185146475 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 121.13006718859071, "endLat": 23.40090868418718 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 109.70428593859071, "endLat": 19.143257457449188 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 85.27069218859071, "endLat": 41.309304611481 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 87.46795781359077, "endLat": 30.825044044360123 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 128.51287968859071, "endLat": 46.97887242040106 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 101.44256718859071, "endLat": 24.44530831921972 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 108.47381718859071, "endLat": 23.48154556552372 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 115.41717656359077, "endLat": 27.525964580207688 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 44.04998906359074, "endLat": 21.696386201987927 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 67.78045781359077, "endLat": 48.805531362935845 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 19.792176563590743, "endLat": 51.45274652671609 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 133.25897343859071, "endLat": -18.3981493623088 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 17.682801563590743, "endLat": 11.176417642851355 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 17.858582813590743, "endLat": -19.975249714898464 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 139.14764531359071, "endLat": 36.45500920665899 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 2.9171765635907434, "endLat": 27.44799543274666 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -109.89668592765928, "endLat": 48.1286374465349 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -64.19356092765928, "endLat": -20.438426774961396 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -45.03340467765929, "endLat": 78.21305360477574 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -139.25215467765926, "endLat": 63.2479293543134 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -9.525592177659291, "endLat": 17.171142020435266 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 2.2517515723407087, "endLat": 46.33851901578796 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 148.3259703223407, "endLat": -34.85987022353531 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 119.32206407234071, "endLat": -31.77589264699338 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -108.49043592765928, "endLat": 31.080142887209853 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -44.68184217765929, "endLat": 68.01946344768409 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -121.14668592765928, "endLat": 53.13946435723524 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": -79.83809217765928, "endLat": 38.84733449611469 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 19.82987657234071, "endLat": -5.23437614905894 }, { "startLng": 116.55975468859071, "startLat": 40.244447684113766, "endLng": 44.96659532234071, "endLat": 59.63938438980205 } ]
10、点标记
主要用于做点位分布密度的标识。
样式
样式配置
配置项 | 说明 |
图片 | 配置点标记图片素材 |
叠加颜色 | 如图片上传灰度图片,可配置叠加颜色 |
尺寸 | 飞线以及飞线流向光效的粗细 |
可见范围 | 配置最小可见高度以及最大可见高度,范围为0-99999999为缩放何种情况均可见 |
数据
根据真实地理经纬度数据驱动。
字段 | 说明 |
lng | 经度 |
lat | 纬度 |
height | 抬升高度 |
*组件数据格式说明
数据样例
[ { "lng": 105.177919, "lat": 34.73995, "height": 500000, "id": "1" }, { "lng": 84.172059, "lat": 38.752506, "height": 500000, "id": "1" }, { "lng": 77.404481, "lat": 20.877453, "height": 500000, "id": "1" }, { "lng": 105.617372, "lat": 14.262423, "height": 500000, "id": "1" }, { "lng": 114.318544, "lat": -0.529359, "height": 500000, "id": "1" }, { "lng": 139.455262, "lat": 36.807665, "height": 500000, "id": "1" }, { "lng": 134.88495, "lat": 52.213099, "height": 500000, "id": "1" }, { "lng": 112.912294, "lat": 23.642671, "height": 500000, "id": "1" }, { "lng": 53.498231, "lat": 19.971448, "height": 500000, "id": "1" }, { "lng": 81.886903, "lat": -6.055173, "height": 500000, "id": "1" }, { "lng": 160.19745, "lat": 10.139941, "height": 500000, "id": "1" }, { "lng": -28.152159, "lat": 35.958586, "height": 500000, "id": "1" }, { "lng": -33.249816, "lat": 9.880283, "height": 500000, "id": "1" }, { "lng": 66.418153, "lat": -16.5539, "height": 500000, "id": "1" }, { "lng": 21.242372, "lat": -5.005409, "height": 500000, "id": "1" }, { "lng": 62.726747, "lat": 62.470789, "height": 500000, "id": "1" }, { "lng": 39.172059, "lat": 50.34417, "height": 500000, "id": "1" }, { "lng": 4.543153, "lat": 69.808611, "height": 500000, "id": "1" }, { "lng": -5.300597, "lat": 62.226054, "height": 500000, "id": "1" }, { "lng": -62.253722, "lat": 66.407146, "height": 500000, "id": "1" }, { "lng": -111.648253, "lat": 0.6132, "height": 500000, "id": "1" }, { "lng": -8.113097, "lat": -55.827109, "height": 500000, "id": "1" }, { "lng": 120.558778, "lat": -50.570567, "height": 500000, "id": "1" }, { "lng": -104.089659, "lat": -24.448991, "height": 500000, "id": "1" }, { "lng": -64.890441, "lat": 34.522995, "height": 500000, "id": "1" }, { "lng": -151.902159, "lat": 52.960657, "height": 500000, "id": "1" }, { "lng": -27.273253, "lat": 54.00658, "height": 500000, "id": "1" }, { "lng": -45.378721, "lat": -55.629138, "height": 500000, "id": "1" }, { "lng": 94.191591, "lat": -38.892607, "height": 500000, "id": "1" }, { "lng": 47.433779, "lat": -59.845831, "height": 500000, "id": "1" }, { "lng": 31.789247, "lat": -41.707239, "height": 500000, "id": "1" }, { "lng": -4.597471, "lat": -3.076715, "height": 500000, "id": "1" }, { "lng": -0.906065, "lat": 31.426937, "height": 500000, "id": "1" }, { "lng": -66.999815, "lat": -24.608908, "height": 500000, "id": "1" }, { "lng": -151.374815, "lat": -53.90553, "height": 500000, "id": "1" }, { "lng": -155.066221, "lat": -1.320265, "height": 500000, "id": "1" }, { "lng": -107.956846, "lat": 60.107662, "height": 500000, "id": "1" }, { "lng": -114.10919, "lat": 38.34007, "height": 500000, "id": "1" }, { "lng": -67.351378, "lat": 53.171907, "height": 500000, "id": "1" }, { "lng": 75.382997, "lat": 54.212678, "height": 500000, "id": "1" }, { "lng": 55.168154, "lat": 34.087386, "height": 500000, "id": "1" }, { "lng": 28.273622, "lat": 28.534498, "height": 500000, "id": "1" }, { "lng": -1.433409, "lat": 46.617872, "height": 500000, "id": "1" }, { "lng": -11.277159, "lat": 21.041604, "height": 500000, "id": "1" }, { "lng": 20.011904, "lat": 34.956338, "height": 500000, "id": "1" }, { "lng": 177.687685, "lat": 33.503073, "height": 500000, "id": "1" }, { "lng": -173.347471, "lat": -17.729685, "height": 500000, "id": "1" }, { "lng": 165.382998, "lat": -46.981632, "height": 500000, "id": "1" }, { "lng": 163.800966, "lat": -60.371429, "height": 500000, "id": "1" }, { "lng": 139.718935, "lat": -33.065619, "height": 500000, "id": "1" }, { "lng": 134.79706, "lat": -16.385332, "height": 500000, "id": "1" }, { "lng": 151.320497, "lat": 31.576812, "height": 500000, "id": "1" }, { "lng": 145.695497, "lat": 13.152407, "height": 500000, "id": "1" }, { "lng": 172.238466, "lat": 57.749997, "height": 500000, "id": "1" }, { "lng": 135.675966, "lat": 63.113723, "height": 500000, "id": "1" }, { "lng": -148.738096, "lat": 27.135568, "height": 500000, "id": "1" }, { "lng": 94.367372, "lat": -18.897806, "height": 500000, "id": "1" } ]
11、冲击环
主要用于标记点位
样式
基础配置
配置项 | 说明 |
颜色 | 配置冲击环的颜色 |
半径 | 冲击环晕开的最大半径 |
时间 | 冲击环晕开的时间 |
数据
根据真实地理经纬度数据驱动。
字段 | 说明 |
lng | 经度 |
lat | 纬度 |
height | 抬升高度 |
*组件数据格式说明
数据样例
[ { "lng": 116.398801, "lat": 39.919237, "height": 10 }, { "lng": 117.123899, "lat": 36.643101, "height": 10 }, { "lng": 120.222043, "lat": 30.222312, "height": 10 }, { "lng": 106.533079, "lat": 29.526889, "height": 10 } ]
12、glft模型
主要展示业务场景所需的模型
样式
基础配置
提示:如上传模型后模型不可见,可结合缩放进行调试
配置项 | 说明 |
数据 | 上传模型,将模型数据压缩上传为zip,选择gltf后缀文件 |
位置 | 配置模所在经度、纬度、以及抬升高度 |
缩放 | 模型缩放比例 |
偏航角 | 实际航向与计划航向之间的夹角。 |
俯仰角 | 机体轴(沿机头方向)与地平面(水平面 )之间的夹角。 |
翻滚角 | 物体绕前后轴线转动的角度为横滚角。 |
*偏航角、俯仰角、翻滚角说明
13、标牌
样式
配置项 | 说明 |
图片 | 标牌图片背景,支持尺寸、偏移调节。 |
基准点 | 调节标牌背景与定位点的位置关系。 |
文字样式 | 配置文本样式 |
Y偏移 | 调整文字纵向偏移 |
图片缩放 | 背景图片缩放倍数 |
数据
根据真实地理经纬度数据驱动。
字段 | 说明 |
name | 标牌名称 |
lng | 经度 |
lat | 纬度 |
height | 抬升高度 |
*组件数据格式说明
数据样例
[ { "name": "地点#1", "lng": 90.398801, "lat": 39.919237, "height": 700000 }, { "name": "地点#2", "lng": 117.123899, "lat": 36.643101, "height": 700000 }, { "name": "地点#3", "lng": 120.222043, "lat": 30.222312, "height": 700000 }, { "name": "地点#4", "lng": 100.533079, "lat": 23.526889, "height": 700000 } ]
交互
回调参数
回调参数可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的。
字段值即参数变量,变量名是对字段值的重命名
自定义事件
添加自定义事件控制交互效果
14、地理围栏
即地理围栏,主要划定所需的地理边界范围。
样式
支持自定义上传地理围栏边界数据(同时支持数据中上传围栏边界数据),即geojson数据。
支持设定对应高度及围栏的颜色。
数据
根据真实地理经纬度数据驱动。
数据样例
[ [ [ 105.55145390331745, 23.25967597682725 ], [ 105.59539921581745, 23.01721463303358 ], [ 106.65008671581745, 22.936296969979455 ], [ 106.78192265331745, 22.61214377534662 ], [ 106.69403202831745, 22.002299702194083 ], [ 107.17743046581745, 21.71680078236806 ], [ 107.96844609081745, 21.59426995687138 ], [ 108.45184452831745, 21.635125122796396 ], [ 108.84735234081745, 21.67596873712301 ], [ 109.41864140331745, 21.348897360393153 ], [ 109.90203984081745, 21.4716353247642 ], [ 109.68231327831745, 20.897981820196954 ], [ 109.81414921581745, 20.44570723438932 ], [ 110.16571171581745, 20.239685127979644 ], [ 110.64911015331745, 20.486878632109946 ], [ 110.38543827831745, 20.93903066090611 ], [ 110.73700077831745, 21.348897360393153 ], [ 111.74774296581745, 21.635125122796396 ], [ 112.67059452831745, 21.798430095823033 ], [ 113.28582890331745, 22.12448110940891 ], [ 113.68133671581745, 22.327881369966867 ], [ 114.51629765331745, 22.53098550879099 ], [ 116.01043827831745, 22.73379140855011 ], [ 117.15301640331745, 23.582272368470147 ], [ 118.20770390331745, 24.38528518312305 ], [ 119.17450077831745, 25.143453680535682 ], [ 119.39422734081745, 25.580260953474184 ], [ 119.83368046581745, 25.89694246617511 ], [ 119.87762577831745, 26.645650930994204 ], [ 120.66864140331745, 27.116012578158912 ], [ 120.80047734081745, 27.66227757246303 ], [ 121.28387577831745, 28.12834404254381 ], [ 121.72332890331745, 28.746623269451195 ], [ 121.89911015331745, 29.322956734212543 ], [ 122.29461796581745, 29.89605217873912 ], [ 121.81121952831745, 30.0863576800899 ], [ 121.23993046581745, 30.427985578547997 ], [ 121.10809452831745, 30.617264194711698 ], [ 121.54754765331745, 30.768421236563434 ], [ 122.16278202831745, 30.88163349037859 ], [ 121.89911015331745, 31.220467370449516 ], [ 122.03094609081745, 31.632953480264483 ], [ 121.23993046581745, 31.70775567715194 ], [ 121.10809452831745, 31.220467370449516 ], [ 120.53680546581745, 30.919341227674945 ], [ 120.18524296581745, 30.88163349037859 ], [ 119.74578984081745, 31.182878786670557 ], [ 119.48211796581745, 30.919341227674945 ], [ 119.26239140331745, 30.579437974750412 ], [ 119.35028202831745, 30.352171021882068 ], [ 119.08661015331745, 30.23833898344272 ], [ 118.91082890331745, 30.39008565438836 ], [ 118.77899296581745, 29.89605217873912 ], [ 118.33953984081745, 29.590806625932192 ], [ 118.03192265331745, 29.169582778401747 ], [ 118.20770390331745, 28.862147089435496 ], [ 118.42743046581745, 28.515192223943775 ], [ 118.29559452831745, 28.167092130020624 ], [ 117.85614140331745, 27.817855918568025 ], [ 117.41668827831745, 27.93439365377198 ], [ 117.02118046581745, 27.70119298080608 ], [ 117.15301640331745, 27.389482379110504 ], [ 117.02118046581745, 27.194215378992162 ], [ 116.71356327831745, 26.998605854033542 ], [ 116.36200077831745, 26.645650930994204 ], [ 116.58172734081745, 26.291601661911685 ], [ 116.27411015331745, 25.93646821437953 ], [ 116.05438359081745, 25.500959016522796 ], [ 115.87860234081745, 25.143453680535682 ], [ 115.87860234081745, 24.625206117685785 ], [ 115.30731327831745, 24.864667436884005 ], [ 114.95575077831745, 24.74499443599694 ], [ 114.60418827831745, 24.505302894931525 ], [ 114.34051640331745, 24.824789275028913 ], [ 114.64813359081745, 25.143453680535682 ], [ 114.77996952831745, 25.342198091010136 ], [ 114.42840702831745, 25.46128839453684 ], [ 114.12078984081745, 25.381907917037076 ], [ 113.76922734081745, 25.42160468979878 ], [ 113.54950077831745, 25.302475226506274 ], [ 113.28582890331745, 25.580260953474184 ], [ 112.89032109081745, 25.381907917037076 ], [ 112.89032109081745, 24.984224709776942 ], [ 112.53875859081745, 25.143453680535682 ], [ 112.18719609081745, 25.262739338343792 ], [ 111.96746952831745, 24.74499443599694 ], [ 111.61590702831745, 24.78489826966444 ], [ 111.48407109081745, 25.06386506338401 ], [ 111.00067265331745, 25.183228550465497 ], [ 111.39618046581745, 25.540616541058082 ], [ 111.39618046581745, 25.93646821437953 ], [ 111.13250859081745, 26.330994196935166 ], [ 110.64911015331745, 26.330994196935166 ], [ 110.20965702831745, 26.01547992498336 ], [ 109.85809452831745, 26.13389781174953 ], [ 109.24286015331745, 25.93646821437953 ], [ 109.06707890331745, 25.580260953474184 ], [ 108.62762577831745, 25.500959016522796 ], [ 108.14422734081745, 25.500959016522796 ], [ 108.10028202831745, 25.103665846519288 ], [ 107.52899296581745, 25.22299044137084 ], [ 107.30926640331745, 25.580260953474184 ], [ 106.91375859081745, 25.540616541058082 ], [ 106.82586796581745, 25.143453680535682 ], [ 106.34246952831745, 25.024051346127436 ], [ 106.03485234081745, 24.864667436884005 ], [ 106.07879765331745, 24.70507778926247 ], [ 105.77118046581745, 24.66514834472688 ], [ 105.50750859081745, 24.94438516938984 ], [ 105.06805546581745, 24.94438516938984 ], [ 104.98016484081745, 24.70507778926247 ], [ 104.62860234081745, 24.70507778926247 ], [ 104.58465702831745, 24.38528518312305 ], [ 105.02411015331745, 24.425303782324924 ], [ 105.15594609081745, 24.14490796592167 ], [ 105.55145390331745, 24.02454930331975 ], [ 106.12274296581745, 24.06468141227668 ], [ 106.34246952831745, 23.783493995062386 ], [ 106.12274296581745, 23.622541474724645 ], [ 106.07879765331745, 23.42107252159178 ], [ 105.55145390331745, 23.25967597682725 ] ] ]
15、流光
样式
支持自定义上传地理围栏边界数据(同时支持数据中上传围栏边界数据),即geojson数据。
支持设定对应高度及围栏的颜色。
配置项 | 说明 |
飞线颜色 | 配置飞线颜色 |
飞线长度 | 飞线流向光效的长度 |
粗细 | 飞线以及飞线流向光效的粗细 |
高度 | 配置飞线最高点距离地面高度 |
底线线颜色 | 底线颜色 |
16、相机控制
*配置案例
样式
初始化开启:初始化时是否执行相机控制动画
数据
根据真实地理经纬度数据驱动。
字段 | 说明 |
lng | 相机所在经度 |
lat | 相机所在纬度 |
heigh | 相机距离地面高度 |
heading | 偏航角 |
pitch | 俯仰角 |
roll | 翻滚角 |
duration | 从上一镜头视角到下一镜头视角的动画时长 |
*组件数据格式说明
数据样例
[ { "lng": 120, "lat": 40, "height": 10000000, "heading": 90, "pitch": -90, "roll": -90, "duration": 1 } ]
欢迎您在评论区留下您对该组件的意见,管理员会及时回复您,如长时间未回复欢迎您搜索钉钉群:33782396或者扫描以下二维码添加微信群 @谨禧 说出您的想法,采纳后将送出定制礼品。
也可以通过问卷来向我们反馈需求:https://jinshuju.net/f/XyCXU0