小程序获取城市经纬度_微信小程序获取当前所在城市的方法
现在很多企业商家为了提供更准确的服务,基本都要获取用户当前所在的地理位置,城市是其中最基本的。而微信小程序官方提供的API只能获取当前地理位置的经纬度,需要经过第三方转换才可以得到我所需的城市名,经过多次测试,终于找到方法。
这两个方法都需要用到小程序官方的API来获取经纬度,这个API的信息如下
地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html#wxgetlocationobject
获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。
OBJECT参数说明:
success返回参数说明:
示例代码:
使用实例代码就可以获取经纬度:可以从控制台进行查看:
latitude:接下来用到的纬度
longitude:接下来用到的经度
用这个API结合另外两个API即可得到想要的地理位置。
第一个是使用易源数据的api https://www.showapi.com/api/lookPoint/238/2
首先在左侧的 接入点列表选择经纬度-->地址 。
这个api需要的请求参数有三个:
知道这些就好办了,直接使用
输出的结果如下:
方法到此结束,附上完整代码:
//index.js
//获取应用实例
var app = getApp()
Page({
onLoad: function () {
console.log('onLoad')
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
wx.getLocation({ //官方获取经纬度api
type: 'wgs84',
success: function (res) {
console.log(res)
var latitude = res.latitude //纬度
var longitude = res.longitude //经度
var speed = res.speed //速度,这里用不到
var accuracy = res.accuracy //精确度
wx.request({ //向服务器发送请求转换地理位置
url: 'http://route.showapi.com/238-2',//请求的url
data:{ //请求的参数
showapi_appid:'42391',//易源应用key:申请账号可获取
showapi_sign:'bb5250042ace47a088290abf88229a38',//数字签名:申请账号可获取
lat:latitude,//纬度
lng: longitude,//经度
from:1// from
},
success:function (res){
console.log(res)
// console.log("当前城市:"+res.data.showapi_res_body.addressComponent.city)
}
})
}
})
}
})
小程序获取城市经纬度_微信小程序获取当前所在城市的方法相关推荐
- 小程序获取城市经纬度_微信小程序demo:天气预报,根据经纬度获取城市,获取天气...
[AppleScript] 纯文本查看 复制代码//app.js Page({ data: { city: "", today: {}, future:{} }, onLoad: ...
- 小程序商店刷榜_微信小程序游戏跳一跳刷榜原理解析!
最近微信出了一个"跳一跳"的小游戏,这个游戏其实在之前有手机端版本,无奈微信借助强大的用户把这游戏又拿起来弄火了,而且通过最新版的微信可以看出,微信已经开始重视小程序的入口释放了, ...
- 微信小程序存在的风险_微信小程序存在哪些风险
微信小程序存在哪些风险?之前一直在给大家爱关于微信小程序的各种好处,但是它其实也是存在一定的风险的,今天小编就来给大家讲一下微信小程序都存在哪些风险. 由于微信主程序会通过 JS 接口向小程序暴露规定 ...
- 小程序商店刷榜_微信小程序怎么通过“硬广”“软广”来运营引流?运营干货...
随着互联网的飞速发展,如今微信小程序已经成为家喻户晓的一款应用了,生活中随处可见的微信小程序成为了许多人日常生活中必不可少的应用.那么对于小程序商家来说营销策划方案显得格外重要,如果想要引入更多流量用 ...
- 微信小程序js数组初始化_微信小程序开发之改变data中数组或对象的某一属性值...
前言:在小程序的开发中,我们在view中便利data中数组或对象时,很多情况下需要在js中动态改变数组或者对象中某一香的属性值. 效果图: 我给大家总结了案例如下: wxml如下: {{item.we ...
- python天气查询小程序加背景图_微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image只能 ...
- java小程序显示多种按钮_微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能...
看了很多帖子,但是效果都不是很好.还是找微信小程序官方文档,自己写比较方便.自己动手丰衣足食!话不多说,上代码! 先来个效果图 html {{item.text}} 查看更多 收起 wxss .box ...
- 微信小程序存在的风险_微信小程序开发技术风险存在,如何规避是重点
微信小程序开发技术风险存在,如何规避是重点 微信小程序自上线以来已经历经三年的时间,不断推陈出新,推展业务,如今已形成了一定规模和影响力,线上购物.在线点餐.预订服务.便捷出行.小游戏等多种多样的小程 ...
- 微信小程序超级占内存_微信小程序占用内存小,用户再也不用担心内存不足问题了...
内存占用小,微信小程序,让用户再也不用担心小程序不足内存问题了,时下,一站式支持常用APP(手机应用软件)的微信小程序受到市民青睐. 微信小程序,是一种不需要下载安装即可使用的应用,它实现了应用&qu ...
最新文章
- Delphi2010 DataSnap 学习(一)
- 独家发布 | 产品经理生存现状
- Qt Creator指定动态属性
- 源代码管理工具优缺点
- spingboot集成jpa(一)
- Machine Vision Pixel Calibration~ ~ ~ ~ ~ ~ ~ ~ ~ ~
- 你所忽略的,覆盖equals时需要注意的事项《effective java》
- 访问 JSON 对象的值
- linux 格式化up命令,uptime 命令介绍
- 小米9稳定版系统更新:加入水滴屏形状切换开关
- List数据转Map数据并进行分组排序
- 自己碰到的一个“无法读取源文件或磁盘”问题处理
- 善政治理、兴业创新:来看看这几个智慧城市建设案例!
- python发短信sim800_sim800l 发短信
- SAR图像滤波去噪效果评价研究
- python做网络图_使用Python的networkx绘制精美网络图教程
- MySQL-14使用子查询-必知必会
- 如何让3ds Max 2016导入smd文件
- 【转载】遥感影响数据集整理
- 手机电路板文件_PCB工程师必看,从图纸到成品,电路板的制作只需这三大流程...