欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序使用wx.chooseLocation開發(fā)地圖怎么做

 更新時間:2022年12月26日 09:57:00   作者:落雪小軒韓  
這篇文章主要介紹了微信小程序使用wx.chooseLocation開發(fā)地圖流程,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧

一、申請開通

在小程序管理后臺,「開發(fā)」-「開發(fā)管理」-「接口設(shè)置」中開通該接口權(quán)限,否則可能審核不通過

二、用法

1、配置地理位置用途說明

app.json中:

"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息將用于小程序位置接口的效果展示" 
    }
 }

2.聲明需配置的接口

如果小程序中用到了上述接口,都需要在app.json中進(jìn)行配置,否則上線成功后也用不了這個功能

app.json中:

"requiredPrivateInfos": ["getLocation", "chooseLocation", "chooseAddress"]

3.獲取當(dāng)前位置

    wx.getLocation({
      // wgs84 返回 gps 坐標(biāo),gcj02 返回可用于wx.openLocation的坐標(biāo)
      type: 'gcj02',
      //獲取位置成功
      success: function (res) {
        console.log(res)  //獲取的的當(dāng)前位置的詳細(xì)信息,包含需要的坐標(biāo)
      },
      //獲取位置失敗
      fail: function (err) {
        console.log("獲取位置信息失敗,請返回重試")
      },
      //接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)
      complete: function (info) {
        console.log("完成")
      },
    })

4.根據(jù)坐標(biāo)位置顯示地圖導(dǎo)航

wx.openLocation({
 	//當(dāng)前經(jīng)緯度
  latitude: 31.232091,
  longitude: 121.493491,
  //縮放級別默認(rèn)18,縮放比例為5-18
  scale: 18,
  //位置名
  name: '外灘',
  //詳細(xì)地址
  address: '上海市上海市黃浦區(qū)延安東路與中山東二路交叉口東南',
  //成功打印信息
  success: function (res) {
  },
  //失敗打印信息
  fail: function (err) {
    wx.showToast({
      title: '調(diào)用地圖失敗,請返回重試',
    })
  },
})

5.選擇位置

wx.chooseLocation({
   success: function (res) {
      console.log(res); 
    },
    fail: function () {
    },
    complete: function () {
    }
})

到此這篇關(guān)于微信小程序使用wx.chooseLocation開發(fā)地圖流程介紹的文章就介紹到這了,更多相關(guān)小程序開發(fā)地圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

  • 微信小程序textarea層級過高的解決方法

    微信小程序textarea層級過高的解決方法

    這篇文章主要給大家介紹了關(guān)于微信小程序textarea層級過高問題的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • 用Javascript實現(xiàn)發(fā)送短信驗證碼間隔功能

    用Javascript實現(xiàn)發(fā)送短信驗證碼間隔功能

    這篇文章主要介紹了用Javascript實現(xiàn)發(fā)送短信驗證碼間隔功能,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-02-02
  • js隱式全局變量造成的bug示例代碼

    js隱式全局變量造成的bug示例代碼

    一段js代碼遇到一個bug,由于中間的隱式全局變量造成的,通過谷歌瀏覽器的js調(diào)試器才找到問題所在,下面將代碼與大家分享下
    2014-04-04
  • echarts地圖區(qū)域顯示不同顏色代碼示例

    echarts地圖區(qū)域顯示不同顏色代碼示例

    地圖在我們?nèi)粘5臄?shù)據(jù)可視化分析中是很常見的一種展示手段,不僅美觀而且很大氣,這篇文章主要給大家介紹了關(guān)于echarts地圖區(qū)域顯示不同顏色的相關(guān)資料,需要的朋友可以參考下
    2023-10-10
  • 如何通過js實現(xiàn)圖片預(yù)覽功能【附實例代碼】

    如何通過js實現(xiàn)圖片預(yù)覽功能【附實例代碼】

    如何通過js實現(xiàn)圖片預(yù)覽功能呢?下面小編就為大家?guī)硪黄胘s實現(xiàn)圖片預(yù)覽功能。給大家做個參考吧,一起跟隨小編過來看看
    2016-03-03
  • javascript數(shù)組拍平方法總結(jié)

    javascript數(shù)組拍平方法總結(jié)

    本篇文章給大家詳細(xì)分析了javascript數(shù)組拍平的方法,對此有興趣的朋友跟著小編一起學(xué)習(xí)下吧。
    2018-01-01
  • js+css3制作時鐘特效

    js+css3制作時鐘特效

    本文給大家匯總了2個JavaScript+css3實現(xiàn)的時鐘特效的代碼,非常的漂亮,有需要的小伙伴可以來參考下
    2016-10-10
  • 原生Js實現(xiàn)的畫廊功能

    原生Js實現(xiàn)的畫廊功能

    這篇文章主要介紹了原生Js實現(xiàn)的畫廊功能,幫助大家更好的理解和學(xué)習(xí)使用JavaScript,感興趣的朋友可以了解下
    2021-05-05
  • javascript實現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容匯總

    javascript實現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容匯總

    本文給大家匯總介紹了幾種使用javascript和CSS實現(xiàn)禁止復(fù)制頁面內(nèi)容的方法,非常的實用,有需要的小伙伴可以參考下。
    2015-12-12
  • 最新評論