最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序--獲取用戶地理位置名稱(無須用戶授權(quán))的方法

 更新時間:2019年04月29日 11:13:50   作者:意外金喜  
這篇文章主要介紹了微信小程序-獲取用戶地理位置名稱(無須用戶授權(quán))的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

在本文 微信小程序--獲取用戶地理位置名稱(無須用戶授權(quán)) 之前需要先看看

微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs

代碼封裝是在上文添加的。

準備

1、在http://lbs.qq.com/網(wǎng)站申請key

2、在微信小程序后臺把apis.map.qq.com添加進request合法域名

效果

添加封裝

/**
 * 發(fā)起網(wǎng)絡(luò)請求
 * @param {string} url 
 * @param {object} params 
 * @return {Promise} 
 */
 static request(url, params, method = "GET", type = "json") {
 console.log("向后端傳遞的參數(shù)", params);
 return new Promise((resolve, reject) => {
  let opts = {
  url: url,
  data: Object.assign({}, params),
  method: method,
  header: { 'Content-Type': type },
  success: resolve,
  fail: reject
  }
  // console.log("請求的URL", opts.url);
  wx.request(opts);
 });
 };
 /**
 * 獲取用戶中心位置經(jīng)緯度
 * @param {ctx} name 
 */
 static getCenterLocation(name) {
 return new Promise((resolve, reject) => name.getCenterLocation({ success: resolve, fail: reject }));
 }

如果已經(jīng)存在,則不用添加

js

let app = getApp();
let wechat = require("../../utils/wechat");
Page({
 onReady(e) {
 let mapCtx = wx.createMapContext('myMap');
 setTimeout(() => {
  mapCtx.moveToLocation();
 }, 1000);
 setTimeout(() => {
  this.getAddress(mapCtx);
 }, 2000);
 },
 getAddress(mapCtx) {
 wechat.getCenterLocation(mapCtx)
  .then(d => {
  console.log(d);
  let { latitude, longitude } = d;
  console.log("當前位置緯度", latitude, "當前位置經(jīng)度", longitude);
  let url = `https://apis.map.qq.com/ws/geocoder/v1/`;
  let key = 'XXXXX-D6FAD-RSG4U-HBE6F-NVFNK-XXXXX';
  let params = {
   location: latitude + "," + longitude,
   key
  }
  return wechat.request(url, params);
  })
  .then(d => {
  console.log(d);
  console.log("當前地址", d.data.result.address);
  })
  .catch(e => {
  console.log(e);
  })
 }
 
})

html

<map id="myMap" show-location="true" scale="16" />

css

page{
 height: 100%;
}
#myMap{
 width: 100%;
 height: 100%;
}

參考地址:

https://mp.weixin.qq.com/debug/wxadoc/dev/component/map.html#map
https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-map.html

以上所述是小編給大家介紹的微信小程序-獲取用戶地理位置名稱(無須用戶授權(quán))的方法詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 原生js封裝運動框架的示例講解

    原生js封裝運動框架的示例講解

    下面小編就為大家?guī)硪黄鷍s封裝運動框架的示例講解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • 使用Echart實現(xiàn)繪制立體的柱狀圖

    使用Echart實現(xiàn)繪制立體的柱狀圖

    EChart開源來自百度商業(yè)前端數(shù)據(jù)可視化團隊,基于html5?Canvas,是一個純Javascript圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart繪制立體的柱狀圖,感興趣的可以學習一下
    2022-03-03
  • 在JavaScript中使用高階函數(shù)的方法

    在JavaScript中使用高階函數(shù)的方法

    JavaScript可以接受高階函數(shù)。這種處理高階函數(shù)的能力以及其他特點,使JavaScript成為非常適合函數(shù)式編程的編程語言之一,這篇文章主要介紹了如何在JavaScript中使用高階函數(shù),需要的朋友可以參考下
    2022-09-09
  • vue中雙token和無感刷新token的區(qū)別

    vue中雙token和無感刷新token的區(qū)別

    本文主要介紹了vue中雙token和無感刷新token的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2024-05-05
  • js版本A*尋路算法

    js版本A*尋路算法

    js版本A*尋路算法...
    2006-12-12
  • javascript實現(xiàn)抽獎程序的簡單實例

    javascript實現(xiàn)抽獎程序的簡單實例

    下面小編就為大家?guī)硪黄猨avascript實現(xiàn)抽獎程序的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • 前端接口報錯Required?request?body?is?missing解決辦法

    前端接口報錯Required?request?body?is?missing解決辦法

    這篇文章主要給大家介紹了關(guān)于前端接口報錯Required?request?body?is?missing的解決辦法,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-12-12
  • 深入淺析JavaScript中prototype和proto的關(guān)系

    深入淺析JavaScript中prototype和proto的關(guān)系

    prototype,每一個函數(shù)對象都有一個顯示的prototype屬性,而proto每個對象都有一個名為_proto_內(nèi)部隱藏屬性。本文給大家介紹JavaScript中prototype和proto的關(guān)系,需要的朋友參考下
    2015-11-11
  • 淺談js二維碼掃碼登錄是什么原理

    淺談js二維碼掃碼登錄是什么原理

    這篇文章主要介紹了淺談js二維碼掃碼登錄是什么原理,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-04-04
  • 詳解js的延遲對象、跨域、模板引擎、彈出層、AJAX【附實例下載】

    詳解js的延遲對象、跨域、模板引擎、彈出層、AJAX【附實例下載】

    本篇文章主要介紹了JavaScript的延遲對象、跨域、模板引擎、彈出層、AJAX,對其進行示例解析,具有很好的參考價值,需要的朋友一起來看下吧
    2016-12-12

最新評論

茶陵县| 资溪县| 广宁县| 兴隆县| 南城县| 泾源县| 宜兴市| 抚松县| 木兰县| 文安县| 靖远县| 乌什县| 吉隆县| 百色市| 新巴尔虎右旗| 浠水县| 随州市| 浪卡子县| 宜黄县| 济宁市| 阳山县| 卢龙县| 隆德县| 平凉市| 万年县| 肇东市| 四川省| 巴彦淖尔市| 讷河市| 宁国市| 巩留县| 射洪县| 绵竹市| 安国市| 高青县| 上林县| 丰县| 广安市| 碌曲县| 太仓市| 旌德县|