uniapp获取当前城市编号和信息
前言:
本篇文章使用的腾讯地图的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获取当前城市编号和信息相关推荐
- 爬虫-获取指定城市所有企业信息
之前写过一个博客:python爬虫从企查查获取企业信息-手工绕开企查查的登录验证 https://blog.csdn.net/rock4you/article/details/88254612 但只能 ...
- uniapp获取当前城市的省市区
今天写了一个uniAPP获取当前省市区的功能,在编辑器上一直定位失败.后来才发现写法没问题,在真机上是可以获取的,草率了,记录一下写法: 一.前期工作 要先去申请一个key,我申请的是腾讯地图的key ...
- python中sn的意思_python获取内存SN编号等信息
物理机内存检查, #!/usr/bin/env python # -*-coding:UTF-8 -*- import os memdict = dict() memditail = dict() # ...
- reactnative 获取定位_【React Native】定位获取经纬度,当前城市等地址信息
最近做React Native时,需要用到城市定位的功能,React Native中文网的定位部分中也提供了相应的方法.主要用到的方法有: 这里只需要获取到经纬度,城市等信息,持续监听的函数就不需要了 ...
- C# 解析百度天气数据,Rss解析百度新闻以及根据IP获取所在城市
接口地址:http://api.map.baidu.com/telematics/v3/weather?location=上海&output=json&ak=hXWAgbsCC9UTk ...
- uniapp|微信小程序获取当前城市名称--逆地址解析
六年代码两茫茫,不思量,自难忘 6年资深前端主管一枚,只分享技术干货,项目实战经验 关注博主不迷路~ 文章目录 问题 解决步骤 看文档 逆地址解析 1. 创建应用 2. uniapp配置 3. 代码部 ...
- uniapp 获取图片的高度_uni-app获取元素高度等信息,并设置元素top信息
本文主要简介uni-app获取元素信息及设置信息等 获取元素高度 可查看官方文档 mounted() { const query = uni.createSelectorQuery().in(this ...
- uni-app 获取手机设备各项信息
uni-app 获取手机各项信息 直接使用uni.getSystemInfo 官方文档:地址 参考代码 我这里的代码经过测试是可以获取到Android设备的信息的 <template>&l ...
- 微信授权登录,authorize不执行;uniapp 获取用户信息权限失败;无法通过wx.getUserInfo与<button open-type=“getUserInfo“/>获取用户个人信息
微信登录的接口又又又又改了 微信官方本次修改说明 wx.getUserProfile 小程序的open-data uniapp的open-data 为优化用户的使用体验,平台将进行以下调整: 202 ...
- uniapp获取通知栏内容 监听通知栏信息
uniapp获取通知栏内容 监听通知栏信息 简单介绍 插件地址 简单介绍 采用安卓原生SDK开发出来的一款安卓uniapp的插件,此插件只支持安卓,ios不支持. 监听通知栏内容,获取通知栏消息 安卓 ...
最新文章
- 样式集(六)仿微信通讯录样式
- 高性能服务器架构(二):缓存清理策略
- [导入]失败的软件实训课
- RL之DQN:基于TF训练DQN模型玩“打砖块”游戏
- js全选 复选框的问题
- gpxclear寄存器写0和写1_画图,搭积木,写对象 [TF 笔记 0]
- python安装运行时提示不是内部或外部命令怎么办_如何解决cmd运行python提示不是内部命令...
- scheduledexecutorservice 只执行一次_一个ScheduledExecutorService启动的Java线程无故挂掉引发的思考...
- Springboot 5.Springboot 返回cookies信息的post接口开发
- 三维重建_对比几个三维重建系统(大部分开源)
- python3 下载网络图片
- 高中计算机会考题,四川省高中信息技术会考资料及试题
- ios 开发者论坛和资料站点
- AUTOCAD——文字样式
- 缓解眼疲劳电脑窗口设置
- CVPR 2021 Pre-Trained Image Processing Transformer
- mac自带邮箱添加邮箱_如何在Mac上的Mail中创建或删除邮箱
- 为什么亿万资产的投资者依旧对加密货币长期走势持乐观态度?
- 八年级英语下册计算机教学总结,初中信息技术教学工作总结
- VI 与 VIM 编辑器实操演示(动图)