麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 11:40:57
字體:
來源:轉載
供稿:網友

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

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

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

準備

1、在http://lbs.qq.com/網站申請key

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

效果

添加封裝

/** * 發起網絡請求 * @param {string} url  * @param {object} params  * @return {Promise}  */ static request(url, params, method = "GET", type = "json") { console.log("向后端傳遞的參數", 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); }); }; /** * 獲取用戶中心位置經緯度 * @param {ctx} name  */ static getCenterLocation(name) { return new Promise((resolve, reject) => name.getCenterLocation({ success: resolve, fail: reject })); }

如果已經存在,則不用添加

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, "當前位置經度", 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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄色av一区二区三区 | 欧美精品一区二区三区在线播放 | 一级黄色毛片播放 | 免费男女乱淫真视频 | 欧美成人黄色 | 国产精品久久久久久久久久 | 国产精品麻豆一区二区三区 | a免费毛片 | 成人短视频在线观看 | a黄在线观看 | 免费国产视频大全入口 | 在线看免费观看av | av在线影片| 久久精品日韩一区 | 鲁人人人鲁人人鲁精品 | 成人毛片在线 | av日韩在线免费观看 | 性欧美在线视频 | 中国免费一级毛片 | 久久久久久久久成人 | 99国产精品自拍 | 久久久久久久久久久久久久久久久久 | 国产色片在线观看 | 成人aaaaa片毛片按摩 | av电影在线网站 | 亚洲欧美国产高清 | 国产成人精品午夜视频' | 久久新地址 | 久操福利视频 | 亚洲精品一区二区三区大胸 | 3344永久免费| 成人免费福利视频 | 少妇一级淫片免费放播放 | 免费观看高清视频网站 | 91精品国产777在线观看 | 毛片在线免费观看网址 | 毛片视频网站 | 在线成人免费视频 | 福利在线免费 | 日韩视频中文 | 一级黄色欧美 |