微信小程序自动定位城市

问题：微信小程序提供的只有获取到经纬度的接口没有直接获取城市的接口

思路

1.通过小程序获取经纬度

2.通过经纬度，换取城市信息

小程序获取经纬度

    wx.getLocation({type: 'wgs84',success: res => {const {latitude,longitude} = resconsole.log(latitude,longitude)},fail: res => {// console.log('您已经拒绝获取定位，需要打开设置')wx.showModal({title: '警告',content: '如果不授权获取您的定位，将无法为您展示你当前位置天气详情.',confirmText: '去授权',showCancel: false,success: res => {if (res.confirm) {wx.openSetting({success: res => {this.getLoaction()}})}}})}

备注：改代码包含如果用户拒绝授权，将打开设置

经纬度获取城市

通过腾讯地图开发sdk，进行转换

腾讯地图，微信小程序需要申请key值http://lbs.qq.com/qqmap_wx_jssdk/index.html

遇到的坑的地方

1.应用类型在这个位置授权的域名地方出现了点问题，如果是在程序的内部放置的有qqmap-wx-jssdk.js文件，

授权框内不需要填写任何域名（这个必须这个样子）

代码：

  // 参数格式let params = {latitude: latitude,ongitude: longitude}// 根据经纬获取城市名称getAddressName: function(params) {var QQMapWX = require('../../libs/qqmap-wx-jssdk.min.js');var qqmapsdk = new QQMapWX({key: 'KYOBZ-T4VK6-*****-*****-*****-*****' //你自己的key});qqmapsdk.reverseGeocoder({location: params,success: res => {let address = res.result.address_component;console.log(address)}});},

微信小程序自动定位城市相关推荐

微信小程序实现城市选择效果(超详细)
直接进入正题首先在项目中同级创建一个components文件夹,在文件夹下创建region-picker文件夹,在该文件夹点击右键新建Component就会创建名为 region-picker.js ...
微信小程序之城市切换
GIF: 代码: uitls下的city.js为数据源JS 直接引入 switchcity.js var city = require('../../utils/city.js');Pag ...
微信小程序实现城市索引选择+搜索(附加城市js文件)
主要效果源码 wxml(/img/search_icon.png和/img/add_icon.png为本地图片): <view class="head {{search& ...
微信小程序实现城市选择和定位
效果如图: 这么多城市需要city.js,放在utils下面具体内容如下,很多城市 var cityObj = [{ "id": "35", "pr ...
微信小程序开发之城市定位(腾讯位置服务)
微信小程序实现城市定位功能一.定位当前城市信息的步骤: 步骤1:获取当前地理位置,首先要拿到用户的授权 wx.openSeting 步骤2:调用 wx.getLocation获取当前用户的地理位置( ...
微信小程序细分_如何将细分网络模型与iPhone应用程序集成
微信小程序细分 Segmenting a region of interest (ROI) in an image is a key problem in computer vision. With ...
【计算机毕业设计】微信小程序题目大全总有一款适合你
最新计算机毕业设计参考选题都有源码+数据库+文档微信小程序大全是近期作品你的选题刚好在下面有,毕设帮助.技术解答.源码获取(有偿)联系方式见文末题目汇总基于微信小程序旅游管理系统基于微信小 ...
微信小程序毕业设计题目大全 (新颖选题)
每年一到这个时候就会有大量的学生问,计算机专业毕业设计题目.计算机毕业设计选题等相关问题.微信小程序的选题恰巧是近年来热门的选题类型,所以今天精心为了大家整理出了最新计算机微信小程序毕业设计参考选题都 ...
微信小程序实现按首字母检索城市列表
不说废话,上效果图因为我有多处要用到,所以我这里是写成自定义组件的,你也可以直接改成在page页面编写: 布局左边一个scroll-view,显示城市列表,右边一个view显示字母列表,城市列表这边 ...
微信小程序----map组件实现（获取定位城市天气或者指定城市天气数据）
效果图实现原理采用高德地图微信小程序开发API(getWeather),如果 city 属性的值为空(或者没有city属性),默认返回定位位置的天气数据:如果 city 不为空,则返回 city ...

微信小程序自动定位城市

思路

小程序获取经纬度

经纬度获取城市

微信小程序自动定位城市相关推荐

最新文章

热门文章