当前位置: 首页 > 编程笔记 >

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

宇文德明
2023-03-14
本文向大家介绍微信小程序定位当前城市的方法,包括了微信小程序定位当前城市的方法的使用技巧和注意事项,需要的朋友参考一下

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

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 
  }
 })
 }
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍微信小程序城市定位的实现实例(获取当前所在国家城市信息),包括了微信小程序城市定位的实现实例(获取当前所在国家城市信息)的使用技巧和注意事项,需要的朋友参考一下 前言 在微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家,哪个城市等信息,该如何实现呢? 实现方法 微信小程序中并没

  • 本文向大家介绍微信小程序仿美团城市选择,包括了微信小程序仿美团城市选择的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了微信小程序城市选择器,供大家参考,具体内容如下 代码很简单. demo下载地址 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍微信小程序实现城市列表选择,包括了微信小程序实现城市列表选择的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了小程序实现城市列表选择的具体代码,供大家参考,具体内容如下 实现效果预览   实现功能简介 城市的选择 按中文/拼音/首字母条件搜索 按首字字母快速定位到城市位置 目录结构 主要代码 app.js app.json index.wxml index.js inde

  • 本文向大家介绍微信小程序实现按字母排列选择城市功能,包括了微信小程序实现按字母排列选择城市功能的使用技巧和注意事项,需要的朋友参考一下 实现效果预览 实现思想 利用小程序腾讯地图将所有城市查出来,并将其渲染至页面(https://lbs.qq.com/qqmap_wx_jssdk/index.html)(其中字母栏也根据获取到的数据变化) 其中涉及三个交互(点击字母时滚动到相应位置;滑动触摸字母时

  • 还没有微信小程序,请先完成小程序注册,查看注册流程 1、登录 微信公众平台 ,添加营销通发送订阅消息及视频展示等依赖的服务类目与插件: 访问【设置】-【基础设置】-【服务类目设置】,添加以下服务类目: 工具>企业管理 工具>效率 工具>视频客服 访问【设置】-【第三方插件】-【插件管理】,添加以下插件: 腾讯视频 企业客户服务 2、登录纷享销客,访问【营销通】-【小程序微站】-【概览】或【小程序设

  • 华为手机鸿蒙4.0,微信小程序获取定位获取不到,偶尔可以成功,ios没问题,失败的时候有时候只打印个start,有时候start也不打印