? ? ? ? 小程序地圖相關(guān)的開發(fā)怜瞒，可以在官方文檔上查看基礎(chǔ)組件的使用鸯屿。里面有l(wèi)ongitude盏档、latitude凶掰、markers和polyline等屬性設(shè)置，要想開發(fā)出比較個(gè)性化的地圖，還得使用騰訊地圖或者高德地圖框架锄俄。本文主要是基于高德地圖的框架使用局劲，完成部分個(gè)性化設(shè)置。
? ? ? ? 步驟一：首先進(jìn)入高德地圖的官網(wǎng)奶赠，申請(qǐng)地圖使用的key值鱼填，如下：
圖1、key值的申請(qǐng)
用戶可以根據(jù)自身需求毅戈，更改key值的配置苹丸，如下圖：
圖2、更改配置
? ? ?步驟二：下載小程序要使用的SDK文件苇经，并把它放入工程文件中赘理。下載地址：https://lbs.qq.com/qqmap_wx_jssdk/index.html
? ? ?步驟三：?安全域名設(shè)置，在“設(shè)置” -> “開發(fā)設(shè)置”中設(shè)置request合法域名扇单，添加https://apis.map.qq.com
? ? ?步驟四：接下來進(jìn)行開發(fā)流程商模。如下圖，是設(shè)置工程使用的key值蜘澜，并且將SDK 引入工程項(xiàng)目中施流，此外，還封裝了項(xiàng)目常用的高德地圖的api鄙信，方便用戶使用瞪醋。
圖3、公用文件
圖4装诡、地圖應(yīng)用的wxml文件
getRegeo() api主要是用于獲取用戶當(dāng)前位置银受；getRoute()主要是獲取路線信息；getPoiAround()主要是獲取周邊信息鸦采。
圖5宾巍、控制頁(yè)面的js代碼
圖6、搜索路線
圖7渔伯、獲取周邊信息
大致效果如下圖：
圖8蜀漆、效果圖
