中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序3種位置API的使用方法詳解

發布時間:2020-08-22 13:17:22 來源:腳本之家 閱讀:407 作者:dq_095 欄目:web開發

獲取位置

獲取當前的地理位置、速度。當用戶離開小程序后,此接口無法調用;當用戶點擊“顯示在聊天頂部”時,此接口可繼續調用。

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

wx.getLocation(object)

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

<view class="container">
 <button bindtap='getLocation'>獲取位置</button>
 <view wx:if="{{latitude !=''}}">
  <view>緯度:{{latitude}}</view>
  <view>經度:{{longitude}}</view>
  <view>速度:{{speed}}</view>
  <view>位置的精確度:{{accuracy}}</view>
  <view>高度:{{altitude}}</view>
  <view>垂直精度:{{accuracy}}</view>
  <view>水平精度:{{accuracy}}</view>
 </view>
</view>
//index.js
//獲取應用實例
const app = getApp()
Page({
 data: {
  latitude: '',
  longitude: '',
  speed: '',
  accuracy: '',
  altitude:'',
  verticalAccuracy: '',
  horizontalAccuracy:''
 },
 onLoad: function () {
 },
 getLocation:function(){
  var _this=this;
  wx.getLocation({
   type: 'wgs84',
   success: function (res) {
    var latitude = res.latitude
    var longitude = res.longitude
    var speed = res.speed
    var accuracy = res.accuracy
    var altitude = res.altitude
    var verticalAccuracy = res.verticalAccuracy
    var horizontalAccuracy = res.horizontalAccuracy
    _this.setData({
     latitude: latitude,
     longitude: longitude,
     speed: speed,
     accuracy: accuracy,
     altitude: altitude,
     verticalAccuracy: verticalAccuracy,
     horizontalAccuracy: horizontalAccuracy
    })
   }
  })
 }
})

打開地圖選擇位置

wx.chooseLocation(OBJECT)

打開地圖選擇位置。

需要用戶授權 scope.userLocation

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

wx.chooseLocation(object)

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

<view class="container">
 <button bindtap='getLocation'>打開地圖選擇位置</button>
 <view wx:if="{{address !=''}}">
  <view>位置名稱:{{name}}</view>
  <view>詳細地址:{{address}}</view>
  <view>緯度:{{latitude}}</view>
  <view>經度:{{longitude}}</view>
 </view>
</view>
//index.js
//獲取應用實例
const app = getApp()
Page({
 data: {
  name: '',
  address: '',
  latitude: '',
  longitude: ''
 },
 onLoad: function () {
 },
 getLocation:function(){
  var _this=this;
  wx.chooseLocation({
   success: function (res) {
    var name = res.name
    var address = res.address
    var latitude = res.latitude
    var longitude = res.longitude
    _this.setData({
     name: name,
     address: address,
     latitude: latitude,
     longitude: longitude
    })
   }
  })
 }
})

​使用微信內置地圖查看位置

使用微信內置地圖查看位置。

微信小程序3種位置API的使用方法詳解

微信小程序3種位置API的使用方法詳解

wx.openLocation(OBJECT)

微信小程序3種位置API的使用方法詳解

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

额敏县| 涞水县| 石棉县| 眉山市| 鄱阳县| 泰兴市| 宜川县| 炉霍县| 托克托县| 永仁县| 东平县| 泾川县| 远安县| 犍为县| 阜平县| 佛学| 调兵山市| 辽源市| 盱眙县| 宁化县| 大悟县| 浮梁县| 济宁市| 苍溪县| 桂林市| 长泰县| 大城县| 白朗县| 罗定市| 忻州市| 库车县| 清流县| 陇川县| 宝清县| 绵竹市| 漳平市| 武隆县| 万荣县| 玉环县| 理塘县| 巴青县|