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

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

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

新增頁(yè)面需要在app.json進(jìn)行配置：

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

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

視圖層

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

邏輯層

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

通過(guò)在視圖層調(diào)用bindtap與邏輯層中的方法匹配--實(shí)現(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)地圖位置的三個(gè)接口：

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

success返回參數(shù)：

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

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

OBJECT參數(shù)說(shuō)明：

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

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

success返回參數(shù)：

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

實(shí)現(xiàn)效果

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

  　　

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

注意事項(xiàng)：

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

  

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

          

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

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

　　

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

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

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

廣告

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