本文作者:用****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>