全新升級(jí)!EasyV 3D高德地圖組件重磅上線

當(dāng)我們打開(kāi)任意一個(gè)可視化搭建工具或者搜索數(shù)據(jù)可視化等關(guān)鍵詞,我們會(huì)發(fā)現(xiàn)「地圖」是可視化領(lǐng)域中非常重要的一種形式,對(duì)于許多可視化應(yīng)用場(chǎng)景都具有非常重要的意義,那對(duì)于EasyV,地圖又意味著什么呢?
EasyV作為數(shù)字孿生可視化平臺(tái),地圖組件是其核心組件之一,它可以為用戶們提供空間數(shù)據(jù)可視化、空間分析與決策、空間定位及空間關(guān)系展示、實(shí)時(shí)監(jiān)控與預(yù)測(cè)等功能,從而幫助用戶更好地理解和管理數(shù)字孿生對(duì)象。
平臺(tái)到目前已經(jīng)內(nèi)置了12種地圖組件,涵蓋二維到三維多類型地圖,擁有豐富的地圖類型、地圖覆蓋物、交互操作、數(shù)據(jù)接口和個(gè)性化設(shè)計(jì)等功能。而就在今晚我們即將迎來(lái)平臺(tái)的第十三個(gè)地圖組件——3D高德地圖??
免費(fèi)試用:https://easyv.cloud/?t=bilibili

雙廚狂喜,EasyV x 高德地圖的前世今生
早在EasyV正式出現(xiàn)在大眾視野不久,我們發(fā)現(xiàn)高德地圖擁有全國(guó)范圍的高精度地圖數(shù)據(jù),擁有開(kāi)發(fā)者服務(wù)平臺(tái)——高德開(kāi)放平臺(tái),提供了一系列API和SDK。高德開(kāi)放平臺(tái)具有豐富的地圖數(shù)據(jù)和功能、易用性強(qiáng)、服務(wù)高效穩(wěn)定、數(shù)據(jù)可視化功能強(qiáng)大、多樣化的合作方式等優(yōu)點(diǎn),因此我們依托該服務(wù)上線了【高德地圖】組件,來(lái)幫助EasyV用戶更快、更好地構(gòu)建出基于地圖的可視化應(yīng)用。

3D高德地圖組件是高德地圖組件的一種Plus版,基于高德開(kāi)放框架的能力,完善集成高德APl提供的地圖服務(wù)功能,支持地貌、矢量地形渲染,填補(bǔ)原本平臺(tái)內(nèi)GIS組件在地形地勢(shì)渲染能力空缺,豐富了3D子組件展示形態(tài)(聚合熱力、飛線等),對(duì)于其他地圖組件優(yōu)點(diǎn)更為突出:
展示多樣性:3D模式、矢量地形圖、衛(wèi)星地形圖渲染三種展示模式,輕松切換。
數(shù)據(jù)精準(zhǔn)性:場(chǎng)景管理輔助定位,支持adcode及精確到區(qū)縣的行政名稱輔助定位,同時(shí)以高德地圖服務(wù)為依托,對(duì)相對(duì)精細(xì)的地理位置信息(區(qū)域、街道、樓棟級(jí)別)進(jìn)行展示的點(diǎn)標(biāo)記、熱力分布等地理信息的呈現(xiàn)。
樣式豐富性:集成高德豐富的默認(rèn)底圖樣式,同時(shí)支持自定義樣式。
交互靈活性:豐富各個(gè)子組件的回調(diào)和自定義事件交互。
數(shù)據(jù)規(guī)范化:更加標(biāo)準(zhǔn)、通用,可以從EasyMap直接獲取使用。

圖 3D高德地圖大屏應(yīng)用
下圖則是3D高德地圖組件的初始面貌,是我們本身預(yù)置的樣式效果,可以在右側(cè)的樣式配置欄里對(duì)它進(jìn)行自定義更改。其中父組件部分對(duì)應(yīng)編輯高德地圖底座部分,支持對(duì)地圖展示模式切換,自定義地圖底圖樣式、圖層設(shè)置、對(duì)場(chǎng)景效果進(jìn)行更改配置以及場(chǎng)景管理;子組件部分則對(duì)應(yīng)編輯地圖內(nèi)散點(diǎn)、熱力、飛線等效果疊加,可單獨(dú)定義樣式風(fēng)格及相關(guān)數(shù)據(jù)。
同時(shí)在數(shù)據(jù)配置欄里可以對(duì)3D高德地圖及其子組件進(jìn)行數(shù)據(jù)更改與導(dǎo)入,交互配置欄里可以進(jìn)行豐富多樣的交互配置。

圖 3D高德地圖組件全貌

如何更改地圖底圖樣式?
EasyV3D高德地圖組件默認(rèn)配置了公共的地圖樣式,可進(jìn)行直接選擇,同時(shí)也支持接入高德地圖自定義樣式。
1.默認(rèn)樣式更改:可直接選擇切換內(nèi)置的默認(rèn)樣式。

2.自定義樣式更改:3D高德地圖組件配置了默認(rèn)的地圖樣式,同時(shí)也支持接入高德地圖自定義樣式。分為創(chuàng)建自定義樣式和生成Key和密鑰兩步。
第一步 創(chuàng)建自定義樣式
首先我們需要在高德開(kāi)放平臺(tái)自定義地圖中創(chuàng)建自定義地圖樣式??
1.自定義地圖
打開(kāi)高德開(kāi)放平臺(tái)(https://lbs.amap.com/)在首頁(yè)導(dǎo)航欄選擇“開(kāi)發(fā)支持”-->“自定義地圖”。

2.創(chuàng)建地圖樣式
a.在自定義地圖界面點(diǎn)擊“創(chuàng)建地圖樣式”

b.使用地圖模板創(chuàng)建樣式,選擇完畢地圖模板后點(diǎn)擊“創(chuàng)建”按鈕

c.配置樣式,在地圖樣式界面可根據(jù)需求修改地圖中每一部分?jǐn)?shù)據(jù),具體配置方法可以參考高德地圖自定義樣式文檔

d.創(chuàng)建完畢后點(diǎn)擊“發(fā)布”按鈕發(fā)布樣式

e.發(fā)布完畢后可在自定義地圖控制臺(tái)(https://geohub.amap.com/mapstyle/index)查看創(chuàng)建的自定義樣式ID

第二步 獲取Key
EasyV接入高德地圖自定義樣式除需要自定義樣式ID,還需要獲取Key信息、密鑰信息(20211202之后申請(qǐng)的key必須配備安全密鑰jscode一起使用)
1.注冊(cè)開(kāi)發(fā)者賬號(hào),成為高德開(kāi)放平臺(tái)開(kāi)發(fā)者后,在高德地圖控制臺(tái)(https://console.amap.com/dev/key/app)創(chuàng)建新應(yīng)用,填寫(xiě)“應(yīng)用名稱”及“應(yīng)用類型”(應(yīng)用類型可自行選擇)后點(diǎn)擊“新建”。

2.創(chuàng)建應(yīng)用完畢后,點(diǎn)擊“添加”添加新的應(yīng)用,在“添加Key”信息界面,輸入“Key”名稱,“服務(wù)平臺(tái)”選擇“Web端(JS API)”后點(diǎn)擊提交。

3.創(chuàng)建應(yīng)用完畢后即可查看生成的Key信息,且攜帶安全密鑰信息。

注:1202日后高德地圖API調(diào)用升級(jí),詳請(qǐng)請(qǐng)您參考以下官方文檔。https://lbs.amap.com/api/javascript-api/guide/abc/prepare
第三步 填寫(xiě)信息及報(bào)錯(cuò)排查
創(chuàng)建自定義樣式完畢后,將控制臺(tái)內(nèi)Key、密鑰信息和地圖樣式ID填寫(xiě)即可,打開(kāi)預(yù)覽界面可獲取到自定義地圖樣式。


組件三種展示模式基本介紹
3D高德地圖支持3D模式、矢量地形圖渲染、衛(wèi)星地形圖渲染的展示狀態(tài),可根據(jù)地圖樣式輕松切換不同的展示模式。

基礎(chǔ)3D模式:保留原先「高德地圖」基礎(chǔ)3D模式,3D模式下可定義天空色彩、俯仰角度,也可進(jìn)入場(chǎng)景管理進(jìn)行視角定位和切換。
衛(wèi)星地形圖:以豐富的影像細(xì)節(jié)去表現(xiàn)區(qū)域的地理外貌,可以真實(shí)地還原實(shí)景中的自然要素。
矢量地形圖:矢量地形圖在保留了行政區(qū)劃邊界、路網(wǎng)、POI、樓塊等地圖要素的基礎(chǔ)上,呈現(xiàn)完整且清晰描繪地形走勢(shì)的標(biāo)準(zhǔn)地圖,即呈現(xiàn)了地形走勢(shì),又展示了更多圖面信息。
如何實(shí)現(xiàn)場(chǎng)景管理輔助定位?
單擊父組件內(nèi)「場(chǎng)景管理」按鈕,進(jìn)入輔助編輯視圖,可以自定義創(chuàng)建多個(gè)場(chǎng)景,每個(gè)場(chǎng)景可以設(shè)置動(dòng)畫(huà)類型、環(huán)繞速度等配置;
1.輔助定位:視角信息可在場(chǎng)景管理里輔助進(jìn)行視角定位??s放級(jí)別支持小數(shù)級(jí)別。
地圖范圍:支持adcode或行政區(qū)名稱來(lái)進(jìn)行定位,行政區(qū)名稱支持中國(guó)、省、市、區(qū)/縣名稱。

2.定位好場(chǎng)景后,可直接點(diǎn)擊保存完成場(chǎng)景配置(支持多場(chǎng)景配置)。同時(shí)支持動(dòng)畫(huà)配置,主要為「環(huán)繞」、「多點(diǎn)巡航」兩種動(dòng)畫(huà)類型。
環(huán)繞:添加好場(chǎng)景后可直接左側(cè)鼠標(biāo)編輯三維視圖,鏡頭視角處點(diǎn)擊保存即可錄入,支持設(shè)置環(huán)繞速度配置信息。
多點(diǎn)巡航:可以添加多個(gè)鏡頭,鏡頭視角處點(diǎn)擊保存即可錄入,各鏡頭串聯(lián)及可完成連貫場(chǎng)景的配置,支持設(shè)置各鏡頭間切換時(shí)間等配置信息。默認(rèn)開(kāi)啟「循環(huán)播放」,開(kāi)啟可以實(shí)現(xiàn)多個(gè)鏡頭之間自動(dòng)切換播放的效果。
動(dòng)畫(huà)預(yù)覽:點(diǎn)擊?? 或 ?? 可以開(kāi)始、暫?;蛲V圭R頭的動(dòng)畫(huà)。

如何通過(guò)場(chǎng)景切換完成全局地圖下鉆至建筑?
在場(chǎng)景管理中保存全局及下鉆至建筑的場(chǎng)景鏡頭(參考上個(gè)問(wèn)題中場(chǎng)景鏡頭保存方法)
在交互中配置場(chǎng)景切換,點(diǎn)擊選項(xiàng)卡可對(duì)應(yīng)切換至不同場(chǎng)景
點(diǎn)擊預(yù)覽,即可查看切換效果:
