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

?近幾年來小程式生態的飛速發展大家都有目共睹，隨著小程式與線下場景的結合日益緊密，地圖類功能已經成為越來越多小程式的“標配”，

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

Map API功能全新升級

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

moveAlong

moveAlong 幫助開發者實作指定路徑移動 Marker，并且Marker朝向可以配合路線朝向旋轉的效果，主要應用于軌跡回放、出行司乘同顯等場景，若影片進行中，對同一 marker 再次呼叫 moveAlong 方法，前一次的影片將被打斷，同時還可以通過設定平滑移動的時間 duration，實作軌跡回放快慢的設定，

initMarkerCluster

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

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-j9IZjw9i-1609381647635)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a081be3ea48e4ac1a8062afcdafe4460~tplv-k3u1fbpfcp-watermark.image)]

openMapApp

openMapApp 用來直接調起用戶安裝的地圖App串列，類似微信發送位置時的場景，實作用戶跳轉其他地圖App完成路線規劃或導航的需求，以往的使用場景中，用戶無法直接通過小程式跳轉地圖APP，需要先前往微信選點再跳轉app，不僅步驟繁瑣同時跳轉到地圖App時并沒有攜帶起終點位置，根本無法實作路線規劃，目前此功能可以完美解決該問題，用戶可以直接在自己的小程式拉起地圖App并展現從起點至終點的路線規劃，

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-vEoWjR4F-1609381647656)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/437a16ebd4e44ebebafd8220193477a0~tplv-k3u1fbpfcp-watermark.image)]

fromScreenLocation 與 toScreenLocation

小程式提供一組新的api，幫助開發者實作螢屏坐標和經緯度的互相轉換，fromScreenLocation可以獲取螢屏上的點對應的經緯度，toScreenLocation可以獲取經緯度對應的螢屏坐標，

includePoints

includePoints 即縮放視野展示所有POI，當地圖存在多個 POI 點位、地圖只顯示了部分點位時，通過 includePoints 能力即可完成地圖視野級別自動縮放包含所有點位的效果，并且可以通過 padding 設定坐標點形成的矩形邊緣到地圖邊緣的距離，達到最佳顯示效果，

Map組件優化

地圖視野控制

小程式Map組件的地圖視野控制支持縮放、俯仰、3D樓快等控制元件，還支持通過向左向右、放大縮小等傳統手勢控制地圖視野變化，同時近期新增的“縮放級別”功能，可以控制 3-20 級別的視野縮放范圍，避免用戶過大或過小的改變地圖視野導致地圖展示效果不佳，影響用戶體驗，

覆寫物-彩虹線

新增了彩虹線能力，在路線規劃場景，開發者可以通過運用該能力反饋道路擁堵情況，紅色擁堵、黃色緩行、綠色暢通，彩虹線作為線條屬性與實線、虛線三者相互沖突，

地圖檢索全面上架

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

考慮到眾多開發者有拓展微信小程式海外市場的需求，我們也在騰訊位置服務官網提供了海外位置介面服務，包含了地圖、定位、地址決議、逆地址決議、地點搜索、周邊搜索、周邊推薦、路線規劃八種海外服務能力，開發者一次接入即可享受海內外地圖無縫切換的極致體驗，做到“一次接入、通達全球”，

路線規劃插件優化升級

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

導航： 如果說路線規劃是為了“看路線”，那么導航就是為了“用路線”，新增的導航能力完善了路線規劃只能看不能用的尷尬地位，打通了輸入目的地—>選擇最優路線—>跳轉導航的常規駕車流程，用戶點擊導航可以拉起地圖App，實作小程式與地圖App的無縫鏈接，

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-eZIoYHru-1609381647681)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/957f0b6b9ccd4bcab5102a2f5d35b600~tplv-k3u1fbpfcp-watermark.image)]

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

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-PgalNlmI-1609381647682)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1d529761b110447ebe08ec9449e937ee~tplv-k3u1fbpfcp-watermark.image)]

主題色： 開發者可以通過設定主題色的方式，整體更改插件中的字體、線條、按鈕、色塊等顏色，更改后的插件風格能夠完美融入開發者的小程式中，使其整體風格保持一致，再也不會因為插件顏色的突兀而降低用戶體驗感受，

個性化底圖支持動態切換

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

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

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

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

降低開發成本：針對每個demo示例，我們還提供了高質量的源代碼，開發者點擊首頁的“查看源代碼”即可跳轉至GitHub，其中的檔案目錄是按照示例中心的結構展示，方便直接拷貝代碼在本地進行除錯，讓開發者實作零成本開發，

對于這么一個貼心的小助手，趕快掃碼下方的小程式碼立即體驗吧！

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