公眾號(hào)關(guān)注?“菜鳥要飛”

設(shè)為 “星標(biāo)”，和10萬程序員一起成長(zhǎng)！

原文轉(zhuǎn)載自公眾號(hào)【開發(fā)者技術(shù)前線】

騰訊位置服務(wù)在半年前推出JavaScript?API?GL?beta版，這期間很多開發(fā)者將其采用到自己的項(xiàng)目中，同時(shí)為我們反饋使用問題與建議，幫助JavaScript API GL得到快速成長(zhǎng)。在持續(xù)了8個(gè)版本大迭代，幾十次小迭代后，正式對(duì)外發(fā)布。

JavaScript?API?GL是新一代基于WebGL實(shí)現(xiàn)的高性能三維渲染引擎而封裝的一套3D版本地圖API，借助GPU的計(jì)算能力實(shí)現(xiàn)海量數(shù)據(jù)渲染，滿足3D視角下的地圖展示，旨在讓地圖呈現(xiàn)給用戶最真實(shí)的世界。

3D效果與流暢體驗(yàn)于一身

縮放由18級(jí)擴(kuò)大到20級(jí)，地圖查看、交互操作更精細(xì)；支持無級(jí)縮放，過程平滑，再無頓挫。

文字實(shí)時(shí)渲染，碰撞消失淡進(jìn)淡出，過程優(yōu)雅自然。

底圖文字可隱藏，圖面干凈簡(jiǎn)潔，突顯你所想要表現(xiàn)的內(nèi)容。

海量數(shù)據(jù)渲染，性能爆表

充分發(fā)揮GPU的并行計(jì)算能力，同時(shí)結(jié)合WebWorker多線程技術(shù)，大幅度提升了大數(shù)據(jù)量的渲染性能。最高支持百萬級(jí)點(diǎn)、線、面繪制，同時(shí)可以保持高幀率運(yùn)行。

JavaScript?API?GL(平均幀率50+)2D?API(平均幀率8)

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

CPU：i7-4790，3.6G內(nèi)存：16GB顯卡：集成顯卡瀏覽器版本：Chrome 75.0?(32位)性能對(duì)比：

	2D API	JavaScript?API?GL
點(diǎn)標(biāo)注	3k	20w
線段	1k	15w
多邊形	500	1w
文本標(biāo)注	3k	10w

功能全面升級(jí)，場(chǎng)景支持豐富除了體驗(yàn)與性能方面，JavaScript?API?GL在功能方面也做了大幅度升級(jí)，更為完備，包括點(diǎn)、線、面繪制，自定義圖層疊加、個(gè)性化樣式及應(yīng)用工具等，使開發(fā)者可以更加容易的實(shí)現(xiàn)產(chǎn)品構(gòu)思。

點(diǎn)標(biāo)記(MultiMarker)

除了海量點(diǎn)標(biāo)記展示，在功能層面，還內(nèi)置了沿線動(dòng)畫的功能，使您方便的實(shí)現(xiàn)如軌跡回放、網(wǎng)約車中的小車平滑運(yùn)動(dòng)效果。

內(nèi)置點(diǎn)聚合(MarkerCluster)

海量點(diǎn)的視覺沖擊震撼，但很多時(shí)候，數(shù)字的精確傳達(dá)卻也是應(yīng)用中不可或缺的。

多邊形(MultiPolygon)

支持簡(jiǎn)單多邊形、環(huán)形、多洞、飛地(多塊同屬一個(gè)邏輯主體)、邊線/填充樣式、3D拔起。

對(duì)電子圍欄、園區(qū)范圍、服務(wù)范圍、地塊、樓塊等各類應(yīng)用場(chǎng)景提供支持。

折線(MultiPolyline)定制化虛線、實(shí)線、蚯蚓線，是路線規(guī)劃功能的最佳伙伴，另外，小車(MultiMarker)可沿著路線行進(jìn)。

自定義柵格圖層(ImageTileLayer)

您可將圖片形式的地圖(如景區(qū)手繪圖、園區(qū)圖等)，疊加到JavascriptAPI GL上顯示出來，以達(dá)到極富個(gè)性化的地圖呈現(xiàn)。ImageTileLayer提供了加載第三方瓦片的能力，如果您有比較強(qiáng)的技術(shù)能力，它可以非常靈活的實(shí)現(xiàn)您的需求。另外我們還提供了個(gè)性化圖層平臺(tái)，在線操作圖片上傳、疊加校準(zhǔn)、自動(dòng)切片，簡(jiǎn)單低成本的達(dá)到這一效果。

Canvas貼地圖層(CanvasGroundLayer)用于創(chuàng)建canvas圖層，實(shí)現(xiàn)自定義的圖形渲染，用于在地圖上疊加定制化強(qiáng)、復(fù)雜度高的動(dòng)畫效果。

地圖應(yīng)用工具

繪圖工具，提供可視化的繪制點(diǎn)、線、面的能力，讓繪圖變得更加輕松。

多邊形繪制，?用于電子圍欄、園區(qū)范圍、服務(wù)范圍的可視化編輯，提供鄰近區(qū)域貼邊吸附功能，操作簡(jiǎn)單，不壓蓋、不留縫。

快速編輯幾何圖形，多邊形一鍵操作拆分、合并。

距離測(cè)量工具，幫助開發(fā)者在地圖上獲取精準(zhǔn)的真實(shí)距離。

地圖個(gè)性定制，數(shù)據(jù)酷炫呈現(xiàn)個(gè)性化地圖配置，適配各種UI風(fēng)格，讓地圖不再千篇一律。

為了將數(shù)據(jù)更加酷炫的呈現(xiàn)在地圖上，基于JavaScript API GL我們提供了一套位置數(shù)據(jù)可視化API，它可以實(shí)現(xiàn)軌跡數(shù)據(jù)、坐標(biāo)點(diǎn)數(shù)據(jù)、熱力、遷徙、航線等空間數(shù)據(jù)的可視化展現(xiàn)。

JavaScriptAPI GL作為騰訊位置服務(wù)重點(diǎn)打造的瀏覽器端地圖API產(chǎn)品，在功能、體驗(yàn)方面做了非常大的提升，并且仍在持續(xù)改進(jìn)迭代，現(xiàn)已有美團(tuán)、企業(yè)微信等合作伙伴接入到自己的實(shí)際產(chǎn)品中，將更好的地圖體驗(yàn)提供給他們的客戶，在此也歡迎各位開發(fā)者接入。

JavaScript?API?GL免費(fèi)開放

點(diǎn)擊閱讀原文或登錄?lbs.qq.com即刻開始

示例代碼拷走即用
老版本一鍵升級(jí)，稍后推出~

推薦閱讀

有點(diǎn)敏感，老鐵們低調(diào)使用就好！

一個(gè)吊打百度網(wǎng)盤的開源神器，

竟然是99年妹子開發(fā)的！！

一張圖看懂字節(jié)跳動(dòng)8年創(chuàng)業(yè)史，太勵(lì)志了吧

總結(jié)

以上是生活随笔為你收集整理的发布地图服务属性表_Web3D地图来了！腾讯位置服务正式版发布！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。