近幾年來(lái)小程序生態(tài)的飛速發(fā)展大家都有目共睹，隨著小程序與線下場(chǎng)景的結(jié)合日益緊密，地圖類功能已經(jīng)成為越來(lái)越多小程序的“標(biāo)配”。

騰訊位置服務(wù)一直在為微信和小程序提供底層的地圖支持。同時(shí)，我們也始終在與微信緊密配合，不斷夯實(shí)豐富我們?cè)谛〕绦蛳碌牡貓D能力，升級(jí)開(kāi)發(fā)者的“工具箱”和“武器庫(kù)”， 滿足小程序開(kāi)發(fā)者在不同業(yè)務(wù)場(chǎng)景下對(duì)地圖能力的需求。

Map API功能全新升級(jí)

近期小程序在Map API中新增多項(xiàng)功能，其中包含moveAlong、initMarkerCluster等。

moveAlong

moveAlong 幫助開(kāi)發(fā)者實(shí)現(xiàn)指定路徑移動(dòng) Marker，并且Marker朝向可以配合路線朝向旋轉(zhuǎn)的效果，主要應(yīng)用于軌跡回放、出行司乘同顯等場(chǎng)景。若動(dòng)畫(huà)進(jìn)行中，對(duì)同一 marker 再次調(diào)用 moveAlong 方法，前一次的動(dòng)畫(huà)將被打斷。同時(shí)還可以通過(guò)設(shè)置平滑移動(dòng)的時(shí)間 duration，實(shí)現(xiàn)軌跡回放快慢的設(shè)置。

initMarkerCluster

initMarkerCluster 即點(diǎn)聚合能力，當(dāng)?shù)貓D上需要展示的 marker 過(guò)多，可能會(huì)導(dǎo)致界面上 marker 出現(xiàn)壓蓋，展示不全，并導(dǎo)致整體性能變差、用戶使用卡頓的情況。針對(duì)此類問(wèn)題，推出點(diǎn)聚合能力，將大量Maker 通過(guò)聚合的方式進(jìn)行展示。比如大型連鎖店場(chǎng)景，當(dāng)用戶查找區(qū)域甚至是一座城市的某品牌連鎖店時(shí)，當(dāng)?shù)貓D放大層級(jí)總覽全城時(shí)，點(diǎn)聚合能力可以使地圖上的點(diǎn)位自動(dòng)相鄰合并達(dá)到最佳展示效果。

openMapApp

openMapApp 用來(lái)直接調(diào)起用戶安裝的地圖App列表，類似微信發(fā)送位置時(shí)的場(chǎng)景，實(shí)現(xiàn)用戶跳轉(zhuǎn)其他地圖App完成路線規(guī)劃或?qū)Ш降男枨?。以往的使用?chǎng)景中，用戶無(wú)法直接通過(guò)小程序跳轉(zhuǎn)地圖APP，需要先前往微信選點(diǎn)再跳轉(zhuǎn)app，不僅步驟繁瑣同時(shí)跳轉(zhuǎn)到地圖App時(shí)并沒(méi)有攜帶起終點(diǎn)位置，根本無(wú)法實(shí)現(xiàn)路線規(guī)劃。目前此功能可以完美解決該問(wèn)題，用戶可以直接在自己的小程序拉起地圖App并展現(xiàn)從起點(diǎn)至終點(diǎn)的路線規(guī)劃。

fromScreenLocation 與 toScreenLocation

小程序提供一組新的api，幫助開(kāi)發(fā)者實(shí)現(xiàn)屏幕坐標(biāo)和經(jīng)緯度的互相轉(zhuǎn)換。fromScreenLocation可以獲取屏幕上的點(diǎn)對(duì)應(yīng)的經(jīng)緯度，toScreenLocation可以獲取經(jīng)緯度對(duì)應(yīng)的屏幕坐標(biāo)。

includePoints

includePoints 即縮放視野展示所有POI。當(dāng)?shù)貓D存在多個(gè) POI 點(diǎn)位、地圖只顯示了部分點(diǎn)位時(shí)，通過(guò) includePoints 能力即可完成地圖視野級(jí)別自動(dòng)縮放包含所有點(diǎn)位的效果，并且可以通過(guò) padding 設(shè)置坐標(biāo)點(diǎn)形成的矩形邊緣到地圖邊緣的距離，達(dá)到最佳顯示效果。

Map組件優(yōu)化

地圖視野控制

小程序Map組件的地圖視野控制支持縮放、俯仰、3D樓快等控件，還支持通過(guò)向左向右、放大縮小等傳統(tǒng)手勢(shì)控制地圖視野變化。同時(shí)近期新增的“縮放級(jí)別”功能，可以控制 3-20 級(jí)別的視野縮放范圍，避免用戶過(guò)大或過(guò)小的改變地圖視野導(dǎo)致地圖展示效果不佳，影響用戶體驗(yàn)。

覆蓋物-彩虹線

新增了彩虹線能力。在路線規(guī)劃場(chǎng)景，開(kāi)發(fā)者可以通過(guò)運(yùn)用該能力反饋道路擁堵情況，紅色擁堵、黃色緩行、綠色暢通。彩虹線作為線條屬性與實(shí)線、虛線三者相互沖突。

地圖檢索全面上架

要想搭建完整的LBS應(yīng)用，除了地圖展示功能外還離不開(kāi)地圖檢索能力。我們?cè)谖⑿砰_(kāi)放社區(qū)的服務(wù)平臺(tái)上線了一系列服務(wù)，包含4個(gè)POI數(shù)據(jù)類(逆地址解析、地址解析、地點(diǎn)搜索、關(guān)鍵詞輸入提示)、2個(gè)路線規(guī)劃類(駕車路線規(guī)劃、步行路線規(guī)劃)、1個(gè)坐標(biāo)工具類(坐標(biāo)轉(zhuǎn)換)，覆蓋了絕大部分地圖應(yīng)用場(chǎng)景。

考慮到眾多開(kāi)發(fā)者有拓展微信小程序海外市場(chǎng)的需求，我們也在騰訊位置服務(wù)官網(wǎng)提供了海外位置接口服務(wù)，包含了地圖、定位、地址解析、逆地址解析、地點(diǎn)搜索、周邊搜索、周邊推薦、路線規(guī)劃八種海外服務(wù)能力。開(kāi)發(fā)者一次接入即可享受海內(nèi)外地圖無(wú)縫切換的極致體驗(yàn)，做到“一次接入、通達(dá)全球”。

路線規(guī)劃插件優(yōu)化升級(jí)

路線規(guī)劃插件近期迭代了導(dǎo)航、實(shí)時(shí)公交、主題色等多項(xiàng)能力。

導(dǎo)航： 如果說(shuō)路線規(guī)劃是為了“看路線”，那么導(dǎo)航就是為了“用路線”。新增的導(dǎo)航能力完善了路線規(guī)劃只能看不能用的尷尬地位，打通了輸入目的地—>選擇最優(yōu)路線—>跳轉(zhuǎn)導(dǎo)航的常規(guī)駕車流程，用戶點(diǎn)擊導(dǎo)航可以拉起地圖App，實(shí)現(xiàn)小程序與地圖App的無(wú)縫鏈接。

實(shí)時(shí)公交： 目前在騰訊位置服務(wù)對(duì)外開(kāi)放的產(chǎn)品中，只有路線規(guī)劃插件提供了實(shí)時(shí)公交能力。開(kāi)發(fā)者可以幫助用戶了解最近一輛公交到站時(shí)間和所剩站數(shù)。實(shí)時(shí)公交提升了插件在公共出行領(lǐng)域的服務(wù)能力，讓用戶不再“等公交”。

主題色： 開(kāi)發(fā)者可以通過(guò)設(shè)置主題色的方式，整體更改插件中的字體、線條、按鈕、色塊等顏色。更改后的插件風(fēng)格能夠完美融入開(kāi)發(fā)者的小程序中，使其整體風(fēng)格保持一致，再也不會(huì)因?yàn)椴寮伾耐回６档陀脩趔w驗(yàn)感受。

個(gè)性化底圖支持動(dòng)態(tài)切換

個(gè)性化底圖切換能力上線，可以實(shí)現(xiàn)在小程序內(nèi)使用同一subkey，通過(guò) layer-style(地圖官網(wǎng)設(shè)置的樣式 style 編號(hào))屬性選擇不同的底圖風(fēng)格，并可以動(dòng)態(tài)切換樣式。比如白天使用淺色系地圖，夜晚使用微信深色地圖。以下面的Demo為例，可以實(shí)現(xiàn)四種style風(fēng)格動(dòng)態(tài)切換，style1-出行、style2-微信深色、style3-澹月、style4-玉露。

示例中心小程序 - 小程序地圖開(kāi)發(fā)的最佳助手

為了幫助小程序開(kāi)發(fā)者更好的了解并且使用這些地圖能力，我們專門開(kāi)發(fā)了一個(gè)示例中心小程序，它有兩大作用：

展示地圖能力：針對(duì)小程序下所有地圖相關(guān)能力分門別類，梳理出目錄架構(gòu)，逐個(gè)進(jìn)行詳細(xì)解釋;同時(shí)每個(gè)能力都配有demo示例，讓開(kāi)發(fā)者能夠體驗(yàn)實(shí)際效果，加深理解。

降低開(kāi)發(fā)成本：針對(duì)每個(gè)demo示例，我們還提供了高質(zhì)量的源代碼，開(kāi)發(fā)者點(diǎn)擊首頁(yè)的“查看源代碼”即可跳轉(zhuǎn)至GitHub。其中的文檔目錄是按照示例中心的結(jié)構(gòu)展示，方便直接拷貝代碼在本地進(jìn)行調(diào)試，讓開(kāi)發(fā)者實(shí)現(xiàn)零成本開(kāi)發(fā)。

對(duì)于這么一個(gè)貼心的小助手，趕快掃碼下方的小程序碼立即體驗(yàn)吧!