這篇文章主要介紹“微信小程序中怎么獲取當(dāng)前位置經(jīng)緯度以及地圖顯示”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“微信小程序中怎么獲取當(dāng)前位置經(jīng)緯度以及地圖顯示”文章能幫助大家解決問題。

在房縣等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計、網(wǎng)站制作 網(wǎng)站設(shè)計制作按需制作網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都全網(wǎng)營銷,成都外貿(mào)網(wǎng)站建設(shè)公司,房縣網(wǎng)站建設(shè)費用合理。

微信小程序的主體部分包括：

新增頁面需要在app.json進行配置：

 "pages":[
  "pages/index/index",
  "pages/location/location",
  "pages/logs/logs"
 ]

通過在視圖層調(diào)用bindtap與邏輯層中的方法匹配--實現(xiàn)頁面跳轉(zhuǎn)：

視圖層

 <view class="location" bindtap="locationViewTap">
  <button>獲取用戶當(dāng)前位置</button>
 </view>

邏輯層

 locationViewTap: function(){
  wx.navigateTo({
   url: '../location/location'
  })
 }

通過在視圖層調(diào)用bindtap與邏輯層中的方法匹配--實現(xiàn)方法調(diào)用：

視圖層

  <button bindtap="mapViewTap" >查看地圖</button>
  <button bindtap="chooseMapViewTap" >選擇位置</button>

邏輯層

 mapViewTap:function(){
    wx.getLocation({
     type: 'gcj02', //返回可以用于wx.openLocation的經(jīng)緯度
     success: function(res) {
      console.log(res)
      wx.openLocation({
       latitude: res.latitude,
       longitude: res.longitude,
       scale: 28
      })
    }
   })
 }

有關(guān)地圖位置的三個接口：

(1) wx.getLocation(OBJECT) 獲取當(dāng)前的地理位置、速度

success返回參數(shù)：

latitude	緯度，浮點數(shù)，范圍為-90~90，負數(shù)表示南緯
longitude	經(jīng)度，浮點數(shù)，范圍為-180~180，負數(shù)表示西經(jīng)
speed	速度，浮點數(shù)，單位m/s
accuracy	位置的精確度

(2) wx.openLocation(OBJECT)  使用微信內(nèi)置地圖查看位置

OBJECT參數(shù)說明：

參數(shù)	類型	必填	說明
latitude	Float	是	緯度，范圍為-90~90，負數(shù)表示南緯
longitude	Float	是	經(jīng)度，范圍為-180~180，負數(shù)表示西經(jīng)
scale	INT	否	縮放比例，范圍5~18，默認為18
name	String	否	位置名
address	String	否	地址的詳細說明
success	Function	否	接口調(diào)用成功的回調(diào)函數(shù)
fail	Function	否	接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否	接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行）

(3) wx.chooseLocation(OBJECT) 打開地圖選擇位置

success返回參數(shù)：

name	位置名稱
address	詳細地址
latitude	緯度，浮點數(shù)，范圍為-90~90，負數(shù)表示南緯
longitude	經(jīng)度，浮點數(shù)，范圍為-180~180，負數(shù)表示西經(jīng)

實現(xiàn)效果

 利用getLocation獲取當(dāng)前位置的經(jīng)緯度坐標(biāo)，openLocation打開微信內(nèi)置地圖查看

  　　

利用chooseLocation選取位置，并將位置信息的經(jīng)緯度實時響應(yīng)顯示

注意事項：

(1) 利用getLocation()獲得的地圖參數(shù)信息只有兩個

  

利用chooselocation返回的參數(shù)如下：

          

(2) this.setData修改json里面的值

邏輯層中的json數(shù)據(jù)可以通過WXML文件{{json}}顯示出來：

　　

關(guān)于“微信小程序中怎么獲取當(dāng)前位置經(jīng)緯度以及地圖顯示”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

新聞名稱：微信小程序中怎么獲取當(dāng)前位置經(jīng)緯度以及地圖顯示-創(chuàng)新互聯(lián)
URL分享：http://www.rwnh.cn/article48/johep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站營銷、面包屑導(dǎo)航、商城網(wǎng)站、外貿(mào)建站、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)