(隱藏文字后的底圖效果)

結(jié)合GPU的并行計(jì)算能力和WebWorker多線(xiàn)程技術(shù),JavaScript API GL的大數(shù)據(jù)量的渲染性能得到了大幅度提升,不僅支持最高百萬(wàn)級(jí)點(diǎn)、線(xiàn)、面繪制,還能保持高幀率運(yùn)行。與2D API相比,JavaScript API GL的點(diǎn)標(biāo)注、線(xiàn)段、多邊形、文本標(biāo)注的極限數(shù)據(jù)性能都有非常大的升級(jí),平均幀率也從之前的8提升到了50+。

(2D API 與JavaScript API GL極限數(shù)據(jù)性能對(duì)比)

除了體驗(yàn)與性能有了大幅度提升,JavaScript API GL的功能也更為完備,包括點(diǎn)、線(xiàn)、面繪制,自定義圖層疊加、個(gè)性化樣式及應(yīng)用工具等,可以幫助開(kāi)發(fā)者更好地完成產(chǎn)品構(gòu)思。

具體來(lái)說(shuō),JavaScript API GL的點(diǎn)標(biāo)記內(nèi)置了沿線(xiàn)動(dòng)畫(huà)的功能,軌跡回放、網(wǎng)約車(chē)中的小車(chē)平滑運(yùn)動(dòng)效果等都能更加輕易地實(shí)現(xiàn)。同時(shí),海量?jī)?nèi)置點(diǎn)聚合不僅可以實(shí)現(xiàn)震撼的視覺(jué)效果,還能做到數(shù)字的精確傳達(dá)。在線(xiàn)和面的繪制方面,定制化的虛線(xiàn)、實(shí)線(xiàn)、蚯蚓線(xiàn)可以更好地實(shí)現(xiàn)路線(xiàn)規(guī)劃功能,而簡(jiǎn)單多邊形、環(huán)形、多洞、飛地(多塊同屬一個(gè)邏輯主體)、邊線(xiàn)/填充樣式、3D拔起的繪制則能廣泛應(yīng)用于電子圍欄、園區(qū)范圍、服務(wù)范圍、地塊、樓塊等各類(lèi)場(chǎng)景。

(海量?jī)?nèi)置點(diǎn)聚合)

在自定義圖層疊加方面,自定義柵格圖層可以實(shí)現(xiàn)圖片形式的地圖(如景區(qū)手繪圖、園區(qū)圖等)的疊加,同時(shí)也提供了加載第三方瓦片的能力。另外,JavaScript API GL還提供了可供在線(xiàn)操作圖片上傳、疊加校準(zhǔn)、自動(dòng)切片的個(gè)性化圖層平臺(tái),操作簡(jiǎn)單且成本較低。如果開(kāi)發(fā)者需要完成定制化強(qiáng)、復(fù)雜度高的動(dòng)畫(huà)效果,Canvas貼地圖層可以通過(guò)自定義的圖形渲染實(shí)現(xiàn)。此外,JavaScript API GL還提供了支持多邊形繪制、快速編輯幾何圖形、距離測(cè)量的地圖應(yīng)用工具,幫助了開(kāi)發(fā)者繪圖和在地圖上測(cè)量真實(shí)距離。

(JavaScript API GL支持快速編輯幾何圖形)

為了將數(shù)據(jù)更加酷炫地呈現(xiàn)在地圖上,JavaScript API GL還提供了一套位置數(shù)據(jù)可視化API,它可以實(shí)現(xiàn)軌跡數(shù)據(jù)、坐標(biāo)點(diǎn)數(shù)據(jù)、熱力、遷徙、航線(xiàn)等空間數(shù)據(jù)的可視化展現(xiàn),滿(mǎn)足了地圖開(kāi)發(fā)者們的個(gè)性化需求。

(不同的地圖視覺(jué)效果)

據(jù)了解,美團(tuán)、企業(yè)微信等企業(yè)已將JavaScript API GL接入到實(shí)際產(chǎn)品中,JavaScript API GL也已向廣大開(kāi)發(fā)者免費(fèi)開(kāi)放。后續(xù),騰訊位置服務(wù)會(huì)將JavaScript API GL持續(xù)改進(jìn)迭代,與更多的企業(yè)、開(kāi)發(fā)者合作,帶給用戶(hù)更好的地圖體驗(yàn)。

songjy