前言:

本篇文章使用的腾讯地图的api,获取当前地址是uniapp的,也可以根据其他地图进行查找。获取到当前城市坐标也可以自行使用其他的地图。


目录

一、首先获取用户所在地

1.获取授权信息

2.获取地理位置

3.根据地理位置查找城市

4.城市的信息


一、首先获取用户所在地

1.获取授权信息

    const that=this         uni.authorize({scope: 'scope.userLocation', // 获取地理信息必填的参数,其它参数见文档success(res) {that.getLocationFn()},// 授权失败fail(err) {uni.showModal({title: '温馨提示',content: '此功能需要授权后使用!',confirmText: '前去授权',success(res){if(res.confirm){uni.openSetting({success(res) {//打开设置页面}}else if(res.cancel){}}})}})

2.获取地理位置

     uni.getLocation({type: 'gcj02', // <map> 组件默认为国测局坐标gcj02altitude: true,success(res) {console.log('返回的位置信息', res)}})

3.根据地理位置查找城市

获取密钥

//腾讯地图上有个api 叫逆地理位置解析可通过下标去获取城市名称及编号
//reverseGeocoder(options:Object)
//  本接口提供由坐标到坐标所在位置的文字描述的转换,输入坐标返回地理位置信息和附近poi列表。var QQMapWX = require('xxx/qqmap-wx.js');// 实例化API核心类
var qqmapsdk = new QQMapWX({key: '开发密钥(key)' // 必填
});  qqmapsdk.reverseGeocoder({//Object格式location: {latitude: 39.984060,longitude: 116.307520}, success: function(res) {//成功后的回调console.log(res.result.ad_info);//查找城市编号},fail: function(error) {console.error(error);},complete: function(res) {console.log(res);}});

4.城市的信息

返回城市信息:点击查看详细返回数据表

uniapp获取当前城市编号和信息相关推荐

  1. 爬虫-获取指定城市所有企业信息

    之前写过一个博客:python爬虫从企查查获取企业信息-手工绕开企查查的登录验证 https://blog.csdn.net/rock4you/article/details/88254612 但只能 ...

  2. uniapp获取当前城市的省市区

    今天写了一个uniAPP获取当前省市区的功能,在编辑器上一直定位失败.后来才发现写法没问题,在真机上是可以获取的,草率了,记录一下写法: 一.前期工作 要先去申请一个key,我申请的是腾讯地图的key ...

  3. python中sn的意思_python获取内存SN编号等信息

    物理机内存检查, #!/usr/bin/env python # -*-coding:UTF-8 -*- import os memdict = dict() memditail = dict() # ...

  4. reactnative 获取定位_【React Native】定位获取经纬度,当前城市等地址信息

    最近做React Native时,需要用到城市定位的功能,React Native中文网的定位部分中也提供了相应的方法.主要用到的方法有: 这里只需要获取到经纬度,城市等信息,持续监听的函数就不需要了 ...

  5. C# 解析百度天气数据,Rss解析百度新闻以及根据IP获取所在城市

    接口地址:http://api.map.baidu.com/telematics/v3/weather?location=上海&output=json&ak=hXWAgbsCC9UTk ...

  6. uniapp|微信小程序获取当前城市名称--逆地址解析

    六年代码两茫茫,不思量,自难忘 6年资深前端主管一枚,只分享技术干货,项目实战经验 关注博主不迷路~ 文章目录 问题 解决步骤 看文档 逆地址解析 1. 创建应用 2. uniapp配置 3. 代码部 ...

  7. uniapp 获取图片的高度_uni-app获取元素高度等信息,并设置元素top信息

    本文主要简介uni-app获取元素信息及设置信息等 获取元素高度 可查看官方文档 mounted() { const query = uni.createSelectorQuery().in(this ...

  8. uni-app 获取手机设备各项信息

    uni-app 获取手机各项信息 直接使用uni.getSystemInfo 官方文档:地址 参考代码 我这里的代码经过测试是可以获取到Android设备的信息的 <template>&l ...

  9. 微信授权登录,authorize不执行;uniapp 获取用户信息权限失败;无法通过wx.getUserInfo与<button open-type=“getUserInfo“/>获取用户个人信息

    微信登录的接口又又又又改了 微信官方本次修改说明 wx.getUserProfile 小程序的open-data uniapp的open-data 为优化用户的使用体验,平台将进行以下调整: 202 ...

  10. uniapp获取通知栏内容 监听通知栏信息

    uniapp获取通知栏内容 监听通知栏信息 简单介绍 插件地址 简单介绍 采用安卓原生SDK开发出来的一款安卓uniapp的插件,此插件只支持安卓,ios不支持. 监听通知栏内容,获取通知栏消息 安卓 ...

最新文章

  1. 样式集(六)仿微信通讯录样式
  2. 高性能服务器架构(二):缓存清理策略
  3. [导入]失败的软件实训课
  4. RL之DQN:基于TF训练DQN模型玩“打砖块”游戏
  5. js全选 复选框的问题
  6. gpxclear寄存器写0和写1_画图,搭积木,写对象 [TF 笔记 0]
  7. python安装运行时提示不是内部或外部命令怎么办_如何解决cmd运行python提示不是内部命令...
  8. scheduledexecutorservice 只执行一次_一个ScheduledExecutorService启动的Java线程无故挂掉引发的思考...
  9. Springboot 5.Springboot 返回cookies信息的post接口开发
  10. 三维重建_对比几个三维重建系统(大部分开源)
  11. python3 下载网络图片
  12. 高中计算机会考题,四川省高中信息技术会考资料及试题
  13. ios 开发者论坛和资料站点
  14. AUTOCAD——文字样式
  15. 缓解眼疲劳电脑窗口设置
  16. CVPR 2021 Pre-Trained Image Processing Transformer
  17. mac自带邮箱添加邮箱_如何在Mac上的Mail中创建或删除邮箱
  18. 为什么亿万资产的投资者依旧对加密货币长期走势持乐观态度?
  19. 八年级英语下册计算机教学总结,初中信息技术教学工作总结
  20. VI 与 VIM 编辑器实操演示(动图)

热门文章

  1. excel常用快捷键
  2. C++ 二进制读入和Minist图片展示
  3. 好汇阁外汇MT4-API多账户跟单交易管理系统介绍
  4. Chrome谷歌浏览器插件
  5. 2019年中国大学生计算机设计大赛--心得总结
  6. 计算机中内存、cache和寄存器之间的关系及区别
  7. linux 检查网卡命令,linux shell查看网卡命令详解
  8. hive建表语句comment 中文描述乱码
  9. java初学者:封装 继承 多态的理解
  10. VScode报错显示unins000.exe