首頁 > 移動應用 > 正文

小程序下的地圖還能這么玩,你知道嗎?

2020-12-18 10:21:00  來源:segmentfault.com

摘要:近幾年來小程序生態的飛速發展大家都有目共睹,隨著小程序與線下場景的結合日益緊密,地圖類功能已經成為越來越多小程序的“標配”。
關鍵詞: 小程序 地圖
  近幾年來小程序生態的飛速發展大家都有目共睹,隨著小程序與線下場景的結合日益緊密,地圖類功能已經成為越來越多小程序的“標配”。
 
  騰訊位置服務一直在為微信和小程序提供底層的地圖支持。同時,我們也始終在與微信緊密配合,不斷夯實豐富我們在小程序下的地圖能力,升級開發者的“工具箱”和“武器庫”, 滿足小程序開發者在不同業務場景下對地圖能力的需求。
 
  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。其中的文檔目錄是按照示例中心的結構展示,方便直接拷貝代碼在本地進行調試,讓開發者實現零成本開發。

第三十二屆CIO班招生
法國布雷斯特商學院碩士班招生
北達軟EXIN網絡空間與IT安全基礎認證培訓
北達軟EXIN DevOps Professional認證培訓
責編:zhangwenwen
日本熟妇色在线视频