(隱藏文字后的底圖效果)
結(jié)合GPU的并行計算能力和WebWorker多線程技術(shù),JavaScript API GL的大數(shù)據(jù)量的渲染性能得到了大幅度提升,不僅支持最高百萬級點、線、面繪制,還能保持高幀率運行。與2D API相比,JavaScript API GL的點標(biāo)注、線段、多邊形、文本標(biāo)注的極限數(shù)據(jù)性能都有非常大的升級,平均幀率也從之前的8提升到了50+。
(2D API 與JavaScript API GL極限數(shù)據(jù)性能對比)
除了體驗與性能有了大幅度提升,JavaScript API GL的功能也更為完備,包括點、線、面繪制,自定義圖層疊加、個性化樣式及應(yīng)用工具等,可以幫助開發(fā)者更好地完成產(chǎn)品構(gòu)思。
具體來說,JavaScript API GL的點標(biāo)記內(nèi)置了沿線動畫的功能,軌跡回放、網(wǎng)約車中的小車平滑運動效果等都能更加輕易地實現(xiàn)。同時,海量內(nèi)置點聚合不僅可以實現(xiàn)震撼的視覺效果,還能做到數(shù)字的精確傳達。在線和面的繪制方面,定制化的虛線、實線、蚯蚓線可以更好地實現(xiàn)路線規(guī)劃功能,而簡單多邊形、環(huán)形、多洞、飛地(多塊同屬一個邏輯主體)、邊線/填充樣式、3D拔起的繪制則能廣泛應(yīng)用于電子圍欄、園區(qū)范圍、服務(wù)范圍、地塊、樓塊等各類場景。
(海量內(nèi)置點聚合)
在自定義圖層疊加方面,自定義柵格圖層可以實現(xiàn)圖片形式的地圖(如景區(qū)手繪圖、園區(qū)圖等)的疊加,同時也提供了加載第三方瓦片的能力。另外,JavaScript API GL還提供了可供在線操作圖片上傳、疊加校準(zhǔn)、自動切片的個性化圖層平臺,操作簡單且成本較低。如果開發(fā)者需要完成定制化強、復(fù)雜度高的動畫效果,Canvas貼地圖層可以通過自定義的圖形渲染實現(xiàn)。此外,JavaScript API GL還提供了支持多邊形繪制、快速編輯幾何圖形、距離測量的地圖應(yīng)用工具,幫助了開發(fā)者繪圖和在地圖上測量真實距離。
(JavaScript API GL支持快速編輯幾何圖形)
為了將數(shù)據(jù)更加酷炫地呈現(xiàn)在地圖上,JavaScript API GL還提供了一套位置數(shù)據(jù)可視化API,它可以實現(xiàn)軌跡數(shù)據(jù)、坐標(biāo)點數(shù)據(jù)、熱力、遷徙、航線等空間數(shù)據(jù)的可視化展現(xiàn),滿足了地圖開發(fā)者們的個性化需求。
(不同的地圖視覺效果)
據(jù)了解,美團、企業(yè)微信等企業(yè)已將JavaScript API GL接入到實際產(chǎn)品中,JavaScript API GL也已向廣大開發(fā)者免費開放。后續(xù),騰訊位置服務(wù)會將JavaScript API GL持續(xù)改進迭代,與更多的企業(yè)、開發(fā)者合作,帶給用戶更好的地圖體驗。
