获取当前位置附近的小吃店功能

news/2024/10/17 10:24:32/

**

获取当前位置附近的小吃店功能:

**
源码:https://blog.csdn.net/BOY017/article/details/105891141

1、注册腾讯地图服务:申请秘钥

https://lbs.qq.com/dev/console/key/manage

2、下载qqmap-wx-jssdk文件并引入

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmapsdk;

3、添加合法域名:

“ https://apis.map.qq.com ”
微信服务平台设置:添加到request域名下
在这里插入图片描述

注意:手机真机测试时,报错:request:fail url not in domain list ( 请求:失败url不在域列表中).需要多刷新几遍项目配置的域名信息

4、实例:

data: {statusBarHeight: app.globalData.statusBarHeight,page: 1,pois: [],result: [],latitude: '',longitude: ''   }, onLoad: function () {qqmapsdk = new QQMapWX({key: '秘钥'})   }, onShow: function () {let vm = this;vm.getUserLocation();   },  //授权位置信息   getUserLocation: function () {let vm = this;wx.getSetting({success: (res) => {if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {wx.showModal({title: '请求授权当前位置',content: '需要获取您的地理位置,请确认授权',success: function (res) {if (res.cancel) {wx.showToast({title: '拒绝授权',icon: 'none',duration: 1000})// vm.BackTap2()} else if (res.confirm) {wx.openSetting({success: function (dataAu) {if (dataAu.authSetting["scope.userLocation"] == true) {wx.showToast({title: '授权成功',icon: 'success',duration: 1000})//再次授权,调用wx.getLocation的APIvm.getLocation();} else {wx.showToast({title: '授权失败',icon: 'none',duration: 1000})// vm.BackTap2()}}})}}})} else if (res.authSetting['scope.userLocation'] == undefined) {//调用wx.getLocation的APIvm.getLocation();}else {//调用wx.getLocation的APIvm.getLocation();}}})   },//微信获得经纬度   
getLocation: function () {let vm = this;wx.getLocation({type: 'wgs84',success: function (res) {console.log('获得经纬度:',JSON.stringify(res))var latitude = res.latitudevar longitude = res.longitudevm.setData({latitude: latitude,longitude: longitude})vm.getLocal(latitude, longitude)},fail: function (res) {//  vm.BackTap2()}})   },//获取当前地理位置   getLocal: function (latitude, longitude) {let that = this;wx.showLoading({title: '加载中',duration: 3000})//获取当前位置信息qqmapsdk.reverseGeocoder({location: {latitude: latitude,longitude: longitude,},success:function (params) {console.log('params',params)that.setData({result:params.result})}}),//获取附近商家列表qqmapsdk.search({location: {latitude: latitude,longitude: longitude,},keyword:'小吃',page_size:10,page_index:that.data.page,header: {'content-type': 'application/json' // 默认值},success: function (res) {console.log('地理位置:',res);wx.hideLoading()let pois = res.datathat.setData({pois: that.data.pois.concat(pois),})},fail: function (res) {console.log(res);},complete: function (res) {// console.log(res);}});   },//点击进入地图  turn_map:function (e) {console.log('e',e)wx.openLocation({latitude: e.currentTarget.dataset.index.lat,longitude: e.currentTarget.dataset.index.lng,scale: 10,   //缩放比例,范围5~18name:e.currentTarget.dataset.name,address:e.currentTarget.dataset.address,})console.log('e',e)   },//下拉获取数据页数    onReachBottom:function(){let vm = this;vm.setData({page:vm.data.page+1})vm.getLocal(vm.data.latitude, vm.data.longitude)   }

http://www.ppmy.cn/news/687234.html

相关文章

附近的门店功能JAVA版实现

文章目录 前言一、附近门店功能redis实现mongodb实现 总结 前言 最近公司项目需要实现附近的门店功能,通过查询资料发现很多方法都可以实现。 包括Mysql,Redis,Mongodb,PostgreSQL等 其中分别选择了redis和mongodb进行实现。 一、附近门店功能 redis实现 redis4…

java查看附近门店_微信公众号获取用户地理位置并列出附近的门店的示例代码...

思路分析: 1、在微信公众号内获取用户地理位置 需要js-sdk签名包(关于如何获取文档有介绍) 2、根据获取的地理位置ajax去后台请求,通过sql语句,查询中距离最近的门店(sql语句在网上搜的,位置是通过后台添加的) 3、根据城市查询门店列表,使用通过表单提交事件,ajax请求后台…

python酒店评论分析_手把手用Python网络爬虫带你爬取全国著名高校附近酒店评论...

点击蓝色“Python空间”关注我丫 加个“星标”,每天一起快乐的学习 今 日 鸡 汤 我站在鼓楼下边,一切繁华与我无关。 /1 前言/ 简介:本文介绍如何用python爬取全国著名高校附近的酒店点评,并进行分析,带大家看看著名高…

附近的宠物店在哪里_离我家近的宠物医院 附近宠物诊所医院

正规犬舍,今天浑身打颤颤,量身定制,让出行旅游更快更容易。方法一,现在越来越严重,环境干净。 帮帮我啊。去农大的那个就可以。输液也不便宜。 大家走过路过知道的告诉一声,味道很难闻,不过后来慢慢请各位叔叔阿姨大哥哥大姐姐帮帮我啊。高德官方站,就说普通细小试纸,…

android定位附近店铺,高德地图怎么添加店铺位置_高德地图定位怎么设置添加自己家店铺位置_攻略...

高德地图是国内最知名的地图导航软件,基本上每个人的手机上都有这款软件。如今想要方便出行都可以通过高得地图查询位置就可以了,给我们的生活带来了很多的便利。在高德地图上也可以很方便的查询各个地方的店铺,通过导航快速找到你想要去的地…

基于Python所写的飞鸟游戏设计

https://blog.csdn.net/qq_64505944/article/details/131493838?spm1001.2014.3001.5502

IDEA Ctrl+Alt+左右键失效

使用IDEA函数跳转时,发现Ctrl鼠标左键好使,但是使用CtrlAlt方向左右键不好使,很有可能是与其他的软件冲突,亲测 网易云快捷键冲突! 发现了一个好方法,稳鸡, 鼠标的宏键,就是那两个最…

外设键盘的win键和alt键功能互换

解决办法: 1、按住ctrlfnalt 解锁alt键 2、按住ctrlfnwin 解锁win键 3、fninsert win 4、fninsert alt 5、如果,alt会解锁但win键就失灵了,再按一次ctrlfnwin即可