近日,騰訊位置服務推出JavaScript API GL正式版,並免費向開發者開放。JavaScript API GL是新一代基於WebGL實現的高性能三維渲染引擎而封裝的一套3D版本地圖API,是騰訊位置服務重點打造的瀏覽器端地圖API產品。藉助GPU的計算能力實現海量數據渲染,JavaScript API GL可以滿足3D視角下的地圖展示,讓地圖呈現出最真實的世界。經歷了8個版本大迭代,幾十次小迭代後,JavaScript API GL正式版在功能、體驗方面有了非常大的提升。
從操作體驗上來說,JavaScript API GL的縮放等級從之前的18級擴大到了20級,在支持無級縮放的同時也保證了縮放過程平滑無頓挫,地圖查看、交互操作更加精細。視覺效果上,地點名稱淡進淡出,底圖文字可隱藏,整體圖面乾淨簡潔,更能突顯開發者想要表現的內容。
(隱藏文字後的底圖效果)
結合GPU的並行計算能力和WebWorker多線程技術,JavaScript API GL的大數據量的渲染性能得到了大幅度提升,不僅支持最高百萬級點、線、面繪製,還能保持高幀率運行。與2D API相比,JavaScript API GL的點標註、線段、多邊形、文本標註的極限數據性能都有非常大的升級,平均幀率也從之前的8提升到了50+。
(2D API與JavaScript API GL極限數據性能對比)
除了體驗與性能有了大幅度提升,JavaScript API GL的功能也更為完備,包括點、線、面繪製,自定義圖層疊加、個性化樣式及應用工具等,可以幫助開發者更好地完成產品構思。
具體來說,JavaScript API GL的點標記內置了沿線動畫的功能,軌跡回放、網約車中的小車平滑運動效果等都能更加輕易地實現。同時,海量內置點聚合不僅可以實現震撼的視覺效果,還能做到數字的精確傳達。在線和面的繪製方面,定製化的虛線、實線、蚯蚓線可以更好地實現路線規劃功能,而簡單多邊形、環形、多洞、飛地(多塊同屬一個邏輯主體)、邊線/填充樣式、3D拔起的繪製則能廣泛應用於電子圍欄、園區範圍、服務範圍、地塊、樓塊等各類場景。
(海量內置點聚合)
在自定義圖層疊加方面,自定義柵格圖層可以實現圖片形式的地圖(如景區手繪圖、園區圖等)的疊加,同時也提供了加載第三方瓦片的能力。另外,JavaScript API GL還提供了可供在線操作圖片上傳、疊加校準、自動切片的個性化圖層平臺,操作簡單且成本較低。如果開發者需要完成定製化強、複雜度高的動畫效果,Canvas貼地圖層可以通過自定義的圖形渲染實現。此外,JavaScript API GL還提供了支持多邊形繪製、快速編輯幾何圖形、距離測量的地圖應用工具,幫助了開發者繪圖和在地圖上測量真實距離。
(JavaScript API GL支持快速編輯幾何圖形)
為了將數據更加酷炫地呈現在地圖上,JavaScript API GL還提供了一套位置數據可視化API,它可以實現軌跡數據、坐標點數據、熱力、遷徙、航線等空間數據的可視化展現,滿足了地圖開發者們的個性化需求。
(不同的地圖視覺效果)
據了解,美團、企業微信等企業已將JavaScript API GL接入到實際產品中,JavaScript API GL也已向廣大開發者免費開放。後續,騰訊位置服務會將JavaScript API GL持續改進迭代,與更多的企業、開發者合作,帶給用戶更好的地圖體驗。