1. 程式人生 > >五分鐘學GIS | 快速認識 MapBox GL

五分鐘學GIS | 快速認識 MapBox GL

什麼是MapBox

   MapBox是移動和Web應用程式的地理資訊資料平臺。提供了豐富精美的線上地圖及地圖風格設計器;提供了位置搜尋服務、導航服務及其API;提供了各種端的SDK。SDK開源免費。

什麼是MapBox GL

   MapBox GL是MapBox提供的JavaScript SDK,可用於各種前端地理資訊資料視覺化的開發。MapBox GL渲染效能拔群,特別是能渲染大量的資料,這使它能夠在眾多同類開發框架中脫穎而出;可在支援WebGL的移動端瀏覽器上執行;地圖瀏覽平滑流暢,視覺化效果豐富;使用方便,良好的可擴充套件性、擁有眾多的外掛使之可以滿足開發者的各種需求。

MapBox GL的特點

   MapBox GL的GL指的是WebGL,這是它最大的特點。WebGL是一種3D繪圖協議,允許把JavaScript和OpenGL ES 2.0結合在一起,為HTML5的Canvas元素提供硬體3D加速渲染。大多數PC和移動端瀏覽器支援WebGL。
   MapBox GL使用WebGL渲染地圖和圖層,所以可以知道這對前端GIS開發者來說意味著什麼:超越以往瀏覽器侷限的硬體級渲染圖形能力。
   令無數前端GIS開發者頭疼的大資料量GIS資料渲染、互動問題,若使用MapBox GL,只要不超過當前硬體的渲染能力就都能實現。同時,MapBox GL也順理成章地支援一些3D效果:可以傾斜、旋轉地圖;可在地圖上新增3D要素、呈現立體地圖等。

   MapBox GL還擁有良好的可擴充套件性和眾多的外掛。
   比如,百度ECharts提供了MapBox GL外掛,並且在ECharts官網上有眾多相關示例(如上圖),開發者可以直接使用ECharts提供的各種顯示效果,做出各種美觀的地圖和流暢的動畫效果。
   除此之外,還支援與非常流行的React、Angular等框架的整合;可與用於空間分析的JavaScript庫Turf.js結合使用等。

  MapBox GL支援的服務規範及資料格式有:zxy地圖瓦片服務(OpenStreetMap規範)、MapBox (mvt)向量瓦片地圖服務、GeoJSON等。MapBox提供的線上地圖服務均為向量瓦片地圖服務。與傳統地圖瓦片服務相比,向量瓦片是在客戶端行渲染呈現的,地圖風格的設定更加方便。

SuperMap iClient 9D for MapboxGL

  SuperMap iClient 9D for MapboxGL整合了MapBox GL、ECharts和MapV,並且對接了SuperMap iServer / iExpress / iPortal / iManager / Online的地圖、服務和資源,為使用者提供了完整專業的GIS能力的同時也提供了優秀的視覺化功能。
  使用iClient for MapboxGL可以載入各種超圖雲GIS提供的瓦片地圖和向量地圖,下圖為對接iServer釋出的向量瓦片地圖服務: