小程序下的地圖還能這麼玩，你知道嗎？

​近幾年來小程序生態的飛速發展你們都有目共睹，隨着小程序與線下場景的結合日益緊密，地圖類功能已經成爲愈來愈多小程序的「標配」。

騰訊位置服務一直在爲微信和小程序提供底層的地圖支持。同時，咱們也始終在與微信緊密配合，不斷夯實豐富咱們在小程序下的地圖能力，升級開發者的「工具箱」和「武器庫」， 知足小程序開發者在不一樣業務場景下對地圖能力的需求。

Map API功能全新升級

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

moveAlong

moveAlong 幫助開發者實現指定路徑移動 Marker，而且Marker朝向能夠配合路線朝向旋轉的效果，主要應用於軌跡回放、出行司乘同顯等場景。若動畫進行中，對同一 marker 再次調用 moveAlong 方法，前一次的動畫將被打斷。同時還能夠經過設置平滑移動的時間 duration，實現軌跡回放快慢的設置。

initMarkerCluster

initMarkerCluster 即點聚合能力，當地圖上須要展現的 marker 過多，可能會致使界面上 marker 出現壓蓋，展現不全，並致使總體性能變差、用戶使用卡頓的狀況。針對此類問題，推出點聚合能力，將大量Maker 經過聚合的方式進行展現。好比大型連鎖店場景，當用戶查找區域甚至是一座城市的某品牌連鎖店時，當地圖放大層級總覽全城時，點聚合能力可使地圖上的點位自動相鄰合併達到最佳展現效果。

openMapApp

openMapApp 用來直接調起用戶安裝的地圖App列表，相似微信發送位置時的場景，實現用戶跳轉其餘地圖App完成路線規劃或導航的需求。以往的使用場景中，用戶沒法直接經過小程序跳轉地圖APP，須要先前往微信選點再跳轉app，不只步驟繁瑣同時跳轉到地圖App時並無攜帶起終點位置，根本沒法實現路線規劃。目前此功能能夠完美解決該問題，用戶能夠直接在本身的小程序拉起地圖App並展示從起點至終點的路線規劃。

fromScreenLocation 與 toScreenLocation

小程序提供一組新的api，幫助開發者實現屏幕座標和經緯度的互相轉換。fromScreenLocation能夠獲取屏幕上的點對應的經緯度，toScreenLocation能夠獲取經緯度對應的屏幕座標。

includePoints

includePoints 即縮放視野展現全部POI。當地圖存在多個 POI 點位、地圖只顯示了部分點位時，經過 includePoints 能力便可完成地圖視野級別自動縮放包含全部點位的效果，而且能夠經過 padding 設置座標點造成的矩形邊緣到地圖邊緣的距離，達到最佳顯示效果。

Map組件優化

地圖視野控制

小程序Map組件的地圖視野控制支持縮放、俯仰、3D樓快等控件，還支持經過向左向右、放大縮小等傳統手勢控制地圖視野變化。同時近期新增的「縮放級別」功能，能夠控制 3-20 級別的視野縮放範圍，避免用戶過大或太小的改變地圖視野致使地圖展現效果不佳，影響用戶體驗。

覆蓋物-彩虹線

新增了彩虹線能力。在路線規劃場景，開發者能夠經過運用該能力反饋道路擁堵狀況，紅色擁堵、黃色緩行、綠色暢通。彩虹線做爲線條屬性與實線、虛線三者相互衝突。

地圖檢索全面上架

要想搭建完整的LBS應用，除了地圖展現功能外還離不開地圖檢索能力。咱們在微信開放社區的服務平臺上線了一系列服務，包含4個POI數據類（逆地址解析、地址解析、地點搜索、關鍵詞輸入提示）、2個路線規劃類（駕車路線規劃、步行路線規劃）、1個座標工具類（座標轉換），覆蓋了絕大部分地圖應用場景。

考慮到衆多開發者有拓展微信小程序海外市場的需求，咱們也在騰訊位置服務官網提供了海外位置接口服務，包含了地圖、定位、地址解析、逆地址解析、地點搜索、周邊搜索、周邊推薦、路線規劃八種海外服務能力。開發者一次接入便可享受海內外地圖無縫切換的極致體驗，作到「一次接入、通達全球」。

路線規劃插件優化升級

路線規劃插件近期迭代了導航、實時公交、主題色等多項能力。

導航： 若是說路線規劃是爲了「看路線」，那麼導航就是爲了「用路線」。新增的導航能力完善了路線規劃只能看不能用的尷尬地位，打通了輸入目的地—>選擇最優路線—>跳轉導航的常規駕車流程，用戶點擊導航能夠拉起地圖App，實現小程序與地圖App的無縫連接。

實時公交： 目前在騰訊位置服務對外開放的產品中，只有路線規劃插件提供了實時公交能力。開發者能夠幫助用戶瞭解最近一輛公交到站時間和所剩站數。實時公交提高了插件在公共出行領域的服務能力，讓用戶再也不「等公交」。

主題色： 開發者能夠經過設置主題色的方式，總體更改插件中的字體、線條、按鈕、色塊等顏色。更改後的插件風格可以完美融入開發者的小程序中，使其總體風格保持一致，不再會由於插件顏色的突兀而下降用戶體驗感覺。

個性化底圖支持動態切換

個性化底圖切換能力上線，能夠實如今小程序內使用同一subkey，經過 layer-style（地圖官網設置的樣式 style 編號）屬性選擇不一樣的底圖風格，並能夠動態切換樣式。好比白天使用淺色系地圖，夜晚使用微信深色地圖。如下面的Demo爲例，能夠實現四種style風格動態切換，style1-出行、style2-微信深色、style3-澹月、style4-玉露。

示例中心小程序 - 小程序地圖開發的最佳助手

爲了幫助小程序開發者更好的瞭解而且使用這些地圖能力，咱們專門開發了一個示例中心小程序，它有兩大做用：

展現地圖能力：針對小程序下全部地圖相關能力分門別類，梳理出目錄架構，逐個進行詳細解釋；同時每一個能力都配有demo示例，讓開發者可以體驗實際效果，加深理解。

下降開發成本：針對每一個demo示例，咱們還提供了高質量的源代碼，開發者點擊首頁的「查看源代碼」便可跳轉至GitHub。其中的文檔目錄是按照示例中心的結構展現，方便直接拷貝代碼在本地進行調試，讓開發者實現零成本開發。

對於這麼一個貼心的小助手，趕快掃碼下方的小程序碼當即體驗吧！

騰訊位置服務會持續打磨好產品，開放更多小程序場景下的地圖能力，爲開發者提供強有力的支持。咱們爲小程序開發者打造了包括從服務API、基礎地圖組件、插件、行業方案等在內的完整的產品能力矩陣，期待與150萬+小程序開發者一塊兒擁抱生態，見證繁榮！