微信小程序定位当前城市的方法


Posted in Javascript onJuly 19, 2018

微信小程序定位获取当前所在城市,供大家参考,具体内容如下

1、利用微信小程序接口 wx.getLocation() 获取当前经纬度,接口。

2、拿到经纬度之后,通过微信的wx.request()请求百度地图的解析接口,传入我们获取到的经纬度,拿到当前定位的城市。

微信小程序定位当前城市的方法

Page({
 data: {
 city: ''
 },
 onLoad: function (options) { 
 this.loadInfo(); 
 },
 loadInfo: function () {
 var page = this
 wx.getLocation({
  type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标 
  success: function (res) {
  // success 
  var longitude = res.longitude
  var latitude = res.latitude
  page.loadCity(longitude, latitude)
  },
  fail: function () {
  // fail 
  },
  complete: function () {
  // complete 
  }
 })
 },
 
 loadCity: function (longitude, latitude) {
 var page = this
 wx.request({
  url: 'http://api.map.baidu.com/geocoder/v2/?ak=写自己的ak&location=' + latitude + ',' + longitude + '&output=json&pois=1',
  //这里的ak 是去百度地图api获取的需要自己登陆获取一下 地址:https://lbsyun.baidu.com/index.php?title=wxjsapi
  data: {},
  header: {
  'Content-Type': 'application/json'
  },
  success: function (res) {
  // success 
  console.log(res);
  var city = res.data.result.addressComponent.city;
 
  console.log("城市为" + city)
  page.setData({ city: city });
  },
  fail: function () {
  // fail 
  },
  complete: function () {
  // complete 
  }
 })
 }
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
checkbox 多选框 联动实现代码
Oct 22 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
jQuery实现转动随机数抽奖效果的方法
May 21 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
jQuery自适应轮播图插件Swiper用法示例
Aug 24 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
JS实现判断移动端PC端功能
Feb 21 Javascript
jQuery实现简单弹幕制作
Dec 10 jQuery
微信小程序表单验证form提交错误提示效果
Jun 19 #Javascript
js中split()方法得到的数组长度问题
Jul 19 #Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 #Javascript
微信小程序表单弹窗实例
Jul 19 #Javascript
vue用递归组件写树形控件的实例代码
Jul 19 #Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 #Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
Jul 19 #Javascript
You might like
php中simplexml_load_file函数用法实例
2014/11/12 PHP
php实现删除空目录的方法
2015/03/16 PHP
php中动态变量用法实例
2015/06/10 PHP
帝国cms常用标签汇总
2015/07/06 PHP
Yii2如何批量添加数据
2016/05/17 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
用cookies实现的可记忆的样式切换效果代码下载
2007/12/24 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
一波JavaScript日期判断脚本分享
2016/03/06 Javascript
深入理解 JavaScript 中的 JSON
2017/04/06 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
Vue子组件向父组件通信与父组件调用子组件中的方法
2018/06/22 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
python处理数据,存进hive表的方法
2018/07/04 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
python第三方库学习笔记
2020/02/07 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers