如果要說小程序比公眾號和H5網頁好在哪，位置定位用戶體驗算是一個不錯的地方。
方維網絡在為客戶定制開發小程序的時候，經常會遇到使用地圖顯示特定位置的功能需求，如下圖所示。
看到這個界面，很多人會想通過騰訊的地圖MAP組件去構造這個頁面，但始終還是很難做到一模一樣，其實點擊右下角那個綠色的按鈕，還有如下功能
其實這個界面是微信小程序自帶的，如果知道位置名稱、地址、經緯度，使用API就可以跳轉到這個界面。接口如下所示
wx.openLocation({
latitude:parseFloat(latitude),//緯度，范圍為-90~90，負數表示南緯。使用 gcj02 國測局坐標系
longitude:parseFloat(longitude),//經度，范圍為-180~180，負數表示西經。使用 gcj02 國測局坐標系
name: address_name,//位置名
address:address,//地址的詳細說明
scale: 18
})
其中scale是地圖縮放比例 范圍5~18，就是地圖顯示位置比例大小。
這樣就實現了微信小程序查看地圖的功能。這里延升一下，我們在開發過程中遇到的問題是：一般是需要點擊小地圖到這個界面，而小地圖需要不能拖放和點擊移動，雖然微信小程序有這個參數控制，但實際是個坑，基本沒用。
我們的解決辦法是在小地圖上面覆蓋一個透明的cover-view來實現，代碼如下
<map id="map" longitude="{{data.longitude}}" latitude="{{data.latitude}}" scale="14" markers="{{markers}}" enable-scroll="false" enable-zoom="false" enable-rotate="false" show-location style="width: 100%; height:450rpx;">
<cover-view data-longitude="{{data.longitude}}" data-latitude="{{data.latitude}}" data-address_name="{{data.address_name}}" data-address="{{data.address}}" bindtap="goMap" style="width:100%;height:450rpx" class="map_cover"></cover-view>
</map>
從而完美實現這一功能。
方維網絡從微信小程序推出開始，就一直研究小程序定制開發，目前已經積累了豐富的開發經驗，因為已經跳了很多坑，所以哪里有坑，我們都知道，可以保證開發效率和開發質量，把小程序的用戶體驗做到極致。
如果你有需求定制小程序，可聯系我們小程序開發咨詢熱線400-800-9385
