提问 发文

全新升级!EasyV 3D高德地图组件重磅上线

微微菌

| 2023-03-31 11:33 1241 0 0

画板备份.png

当我们打开任意一个可视化搭建工具或者搜索数据可视化等关键词,我们会发现「地图」是可视化领域中非常重要的一种形式,对于许多可视化应用场景都具有非常重要的意义,那对于EasyV,地图又意味着什么呢?EasyV作为数字孪生可视化平台,地图组件是其核心组件之一,它可以为用户们提供空间数据可视化、空间分析与决策、空间定位及空间关系展示、实时监控与预测等功能,从而帮助用户更好地理解和管理数字孪生对象。



平台到目前已经内置了12种地图组件,涵盖二维到三维多类型地图,拥有丰富的地图类型、地图覆盖物、交互操作、数据接口和个性化设计等功能。
而就在今晚我们即将迎来平台的第十三个地图组件——3D高德地图🎉

01 双厨狂喜,EasyV x 高德地图的前世今生

早在EasyV正式出现在大众视野不久,我们发现高德地图拥有全国范围的高精度地图数据,拥有开发者服务平台——高德开放平台,提供了一系列API和SDK。高德开放平台具有丰富的地图数据和功能、易用性强、服务高效稳定、数据可视化功能强大、多样化的合作方式等优点,因此我们依托该服务上线了【高德地图】组件,来帮助EasyV用户更快、更好地构建出基于地图的可视化应用。


01.png



3D高德地图组件是高德地图组件的一种Plus版,基于高德开放框架的能力,完善集成高德APl提供的地图服务功能,支持地貌、矢量地形渲染,填补原本平台内GIS组件在地形地势渲染能力空缺,丰富了3D子组件展示形态(聚合热力、飞线等),对于其他地图组件优点更为突出:


  • 展示多样性
    :3D模式、矢量地形图、卫星地形图渲染三种展示模式,轻松切换。
  • 数据精准性
    :场景管理辅助定位,支持adcode及精确到区县的行政名称辅助定位,同
    时以高德地图服务为依托,对相对精细的地理位置信息(区域、街道、楼栋级别)进行展示的点标记、热力分布等地理信息的呈现。
  • 样式丰富性:集成高德丰富的默认底图样式,同时支持自定义样式。
  • 交互灵活性:丰富各个子组件的回调和自定义事件交互。
  • 数据规范化
    更加标准、通用,可以从EasyMap直接获取使用。

02.gif

图 3D高德地图大屏应用

下图则是3D高德地图组件的初始面貌,是我们本身预置的样式效果,可以在右侧的样式配置栏里对它进行自定义更改。其中父组件部分对应编辑高德地图底座部分,支持对地图展示模式切换,自定义地图底图样式、图层设置、对场景效果进行更改配置以及场景管理;子组件部分则对应编辑地图内散点、热力、飞线等效果叠加,可单独定义样式风格及相关数据。

同时在数据配置栏里可以对3D高德地图及其子组件进行数据更改与导入,交互配置栏里可以进行丰富多样的交互配置。

03.png

图 3D高德地图组件全貌


02如何更改地图底图样式?



EasyV3D高德地图组件默认配置了公共的地图样式,可进行直接选择,同时也支持接入高德地图自定义样式

1.默认样式更改:可直接选择切换内置的默认样式。

04.gif


2.自定义样式更改:3D高德地图组件配置了默认的地图样式,同时也支持接入高德地图自定义样式。分为创建自定义样式和生成Key和密钥两步。


第一步 创建自定义样式


首先我们需要在高德开放平台自定义地图中创建自定义地图样式👇


1.自定义地图


打开高德开放平台(https://lbs.amap.com/)在首页导航栏选择“开发支持”-->“自定义地图”。

05.png



2.创建地图样式


a.在自定义地图界面点击“创建地图样式”

06.png



b.使用地图模板创建样式,选择完毕地图模板后点击“创建”按钮

07.png



c.配置样式,在地图样式界面可根据需求修改地图中每一部分数据,具体配置方法可以参考高德地图自定义样式文档

08.png



d.创建完毕后点击“发布”按钮发布样式

09.png



e.发布完毕后可在自定义地图控制台(https://geohub.amap.com/mapstyle/index)查看创建的自定义样式ID

10.png




第二步 获取Key


EasyV接入高德地图自定义样式除需要自定义样式ID,还需要获取Key信息、密钥信息(20211202之后申请的key必须配备安全密钥jscode一起使用)

1.注册开发者账号,成为高德开放平台开发者后,在高德地图控制台(https://console.amap.com/dev/key/app)创建新应用,填写“应用名称”及“应用类型”(应用类型可自行选择)后点击“新建”。

11.png



2.创建应用完毕后,点击“添加”添加新的应用,在“添加Key”信息界面,输入“Key”名称,“服务平台”选择“Web端(JS API)”后点击提交。

12.png



3.创建应用完毕后即可查看生成的Key信息,且携带安全密钥信息。

13.png



注:1202日后高德地图API调用升级,详请请您参考以下官方文档。https://lbs.amap.com/api/javascript-api/guide/abc/prepare


第三步 填写信息及报错排查


创建自定义样式完毕后,将控制台内Key、密钥信息和地图样式ID填写即可,打开预览界面可获取到自定义地图样式。

14.png





03组件三种展示模式基本介绍



3D高德地图支持3D模式、矢量地形图渲染、卫星地形图渲染的展示状态,可根据地图样式轻松切换不同的展示模式。

15.gif


基础3D模式:保留原先「高德地图」基础3D模式,3D模式下可定义天空色彩、俯仰角度,也可进入场景管理进行视角定位和切换。

卫星地形图:以丰富的影像细节去表现区域的地理外貌,可以真实地还原实景中的自然要素。

矢量地形图:矢量地形图在保留了行政区划边界、路网、POI、楼块等地图要素的基础上,呈现完整且清晰描绘地形走势的标准地图,即呈现了地形走势,又展示了更多图面信息。


04如何实现场景管理辅助定位?



单击父组件内「场景管理」按钮,进入辅助编辑视图,可以自定义创建多个场景,每个场景可以设置动画类型、环绕速度等配置;

1.辅助定位:视角信息可在场景管理里辅助进行视角定位。缩放级别支持小数级别。


地图范围:支持adcode或行政区名称来进行定位,行政区名称支持中国、省、市、区/县名称。


16.gif


2.定位好场景后,可直接点击保存完成场景配置(支持多场景配置)。同时支持动画配置,主要为「环绕」、「多点巡航」两种动画类型。

环绕:添加好场景后可直接左侧鼠标编辑三维视图,镜头视角处点击保存即可录入,支持设置环绕速度配置信息。

17.png

多点巡航:可以添加多个镜头,镜头视角处点击保存即可录入,各镜头串联及可完成连贯场景的配置,支持设置各镜头间切换时间等配置信息。默认开启「循环播放」,开启可以实现多个镜头之间自动切换播放的效果。

动画预览:点击▶️ 或 ⏹️ 可以开始、暂停或停止镜头的动画。

18.gif







05 如何通过场景切换完成全局地图下钻至建筑?



在场景管理中保存全局及下钻至建筑的场景镜头(参考上个问题中场景镜头保存方法)

19.png




在交互中配置场景切换,点击选项卡可对应切换至不同场景

20.png




点击预览,即可查看切换效果:

21.gif


易知微以自主研发的EasyV数字孪生可视化搭建平台为核心,结合WebGL、3D游戏引擎、GIS、BIM、CIM等技术,协同各个行业的生态伙伴,围绕着数字孪生技术、数字驾驶舱和行业应用,共同建设数字增强世界,帮助客户实现数字化管理,加速数字化转型。

易知微已经为3000+ 客户提供数字孪生可视化平台和应用,覆盖智慧楼宇、智慧园区、智慧城市、数字政府、数字乡村、智慧文旅、工业互联网等众多行业领域,包括国家电网、移动云、中交建、中铁建、融创、云上贵州、厦门象屿、天津火箭、上海电视台、金华防汛大脑、良渚古城遗址公园、李宁、浙江大学等典型案例!

收藏 0
分享
分享方式
微信

评论

全部 0条评论

10603

文章

10.49W+

人气

19

粉丝

1

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群