升級 | 地圖可視化覆蓋物能力全面升級,交互事件更豐富,接入操作更簡單!

本文作者:用****9

目前,在地圖各端產品中,瀏覽器端地圖一直承載着大量流量,每日響應請求次數達到數億次。鑑於其使用場景的獨特性,經常在PC端場景中被使用,因此更大的屏幕、更直觀的展示隨之而來的是對於地圖可視化能力日漸升級的訴求。

早在今年年初,百度地圖開放平臺推出了基於WebGL的全新瀏覽器端地圖開放產品,JavaScript API GL,一經推出便收到廣泛好評,尤其是在3D場景下的地圖動效,在軌跡管理等多業務場景中得到了大量應用。

近期,我們又在GL版本的基礎上,進行了新一輪的迭代升級,帶來更豐富的展示功能,更完整的地理數據和更加友好的開發體驗。

覆蓋物能力全面升級

地球模式軌跡路書

在百度地圖獨有地球模式下融合動態軌跡路書功能,航線類效果展示更加震撼炫酷。

新增3D棱柱覆蓋物

區域面是最常見的覆蓋物類別之一,本次新增3D棱柱覆蓋物,在二維面上增加高度屬性,可以更加直觀地突出展示目標區域,比如日常應用中常見的行政區劃展示。

鏤空面繪製

可添加內部鏤空的多邊形覆蓋物。

帶高度的點覆蓋物

用戶可添加帶高度的點覆蓋物,在傾斜視角下獲得獨特的展示效果。

更豐富的交互事件

線面圓交互事件

可自由編輯特定覆蓋物輪廓範圍。

棱臺鼠標交互

基於3D棱臺覆蓋物的展示,進一步支持了相關的鼠標交互功能,包含點擊、hover等。

軌跡播放控制

在軌跡動畫基礎上支持自定義暫停和繼續播放事件。

接入操作更簡單

React-BMapGL

基於百度地圖JavaScript API GL版針對現代前端主流框架react封裝的組件庫,使開發者能夠在react業務開發中通過react組件的寫法,來更方便的使用百度地圖JavaScript API。

該組件庫包含了地圖控件、覆蓋物、地圖圖層、服務等JSAPI常用功能,並且內置了GL版開源工具庫,並支持自動異步引入腳本,開發者無需關注腳本引用等接入操作,開箱即用,接入操作更簡單。同時,React-BMapGL內部也以非常友好的方式封裝了百度地圖地理大數據可視化庫MapVGL,只需簡單幾行代碼,就能夠創建炫酷的大數據可視化效果。

代碼:

<MapvglView effects={['bright']}>
  <MapvglLayer
    type="SimpleLineLayer"
    data={line}
    options={{color: 'rgb(255, 153, 0, 0.6)'}}
  />
  <MapvglLayer
    type="LineTripLayer"
    data={line}
    options={{color: 'rgb(255, 255, 204)', step: 0.3}}
  />
</MapvglView>

 

原文鏈接地址:https://developer.baidu.com/topic/show/292327

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章