首页 > 网络技术迭代 > 内容

【实战】获取小程序中用户的城市信息（附源码）

发布于：2024-10-24 编辑：匿名来源：网络

最近在做自己的小程序《看啥好呢》。本小程序采用云开发方式开发。

功能很简单，就是获取豆瓣、大麦网的数据展示，虽然功能简单，但是还是记录了开发过程和一些技术点。大约会产生两篇博客文章，这是第一篇。

GitHub地址1.《看啥好呢》有一个本地好看的Tab。进入后会获取用户当前所在的城市，然后显示该城市的数据，并显示在导航栏和Tab上。

在微信小程序中，我们可以通过调用wx.getLocation()来获取设备当前的地理位置信息。该信息是当前位置的经度和纬度。

如果我们想要获取我们当前所在位置在哪个国家、哪个城市等信息，我们该如何实现呢？微信小程序不提供这样的API，不过没关系。通过wx.getLocation()获得的经度和纬度足以作为基础。

剩下的，我们可以使用其他第三方地图服务，例如腾讯地图或百度地图。 API。

所以整个步骤就是：在小程序中获取当前地理位置，小程序API为wx.getLocation，第1步获取到的经纬度信息是通过腾讯地图接口解析出的反向地址，腾讯地图接口是reverseGeocoder（选项：对象）2。获取小程序当前地理位置。

在小程序中，调用wx.getLocation。使用前需获取用户授权范围.userLocation。

代码如下： txt copy checkAuth(callback) { wx.getSetting({ success (res) { if (!res.authSetting['scope.userLocation']) { wx.authorize({scope: 'scope.userLocation' , success() { wx.getLocation({ type: 'wgs84', success(res ) { callback(res.latitude, res.longitude) } }) } }) } } })}type 的值可以是：wgs84意思是返回gps坐标 gcj02返回可以用于wx.openLocation的坐标。运行后会提示以下信息。

您还需要在app.json中配置权限字段。查询文档得知需要配置代码语言如下： txt copy "permission": { "scope.userLocation": { "desc": " 您的位置信息将用于显示效果小程序定位界面。

” }}desc 用于在弹出的授权提示框中显示。如下允许后，即可获取接口返回的信息。

这个过程会显示在右上角的胶囊按钮上。箭头图标代码 language: txt copy { precision: 65 errMsg: "getLocation:ok" Horizo??ntalAccuracy: 65 latitude: 30.1 // 纬度，范围为-90~90，负数代表南纬 longitude: .6 // 经度，范围为-~，负数代表西经速度：-1verticalAccuracy：65}纬度和经度是我们需要的两个字段3.腾讯地图接口反向地址分析以腾讯地图为例，我们可以到腾讯地图打开平台注册账号。

然后在其管理后台创建一个key并进行KEY设置。根据微信小程序JavaScript SDK入门及使用限制文档，在KEY设置的启用的产品中，勾选WebServiceAPI并选择签名验证方式，因为我是使用云端开发的，所以没有域名或授权IP 。

这部分代码逻辑如下： txt copy import QQMapWX from '../../scripts/qqmap-wx-jssdk.min.js'let qqmapsdkPage({ onLoad: function (options) { // 实例化API核心类 qqmapsdk = new QQMapWX({ key: '开发密钥(key)' // 必填}); this.checkAuth((latitude, longitude) => { // qqmapsdk.reverseGeocoder({ sig: '在KEY中生成settings SK string', // 所需位置：{纬度, 经度}, success(res) { wx.setStorageSync('loca_city', res.result.ad_info.city) }, failure(err) { console.log(err ) wx.showToast('Failed to get city') },complete() { // Do some } }) }) }})verseGeocoder接口返回的结果，里面有很多字段，具体参见接口文档。有几个字段可以用来获取城市，其中ad_info是行政区划信息，所以我就在里面获取城市。

完整的文字。如果对您有一点帮助，可以点击关注。

作者简介：我是工程师但不是码农（微信同名公众号），Web前端工程师，7年开发经验，位于杭州公众号，专注于大前端技术。分享我的原创或精选文章，欢迎关注。

我的个人微信（dunizb），欢迎加好友进一步交流。

站长声明

标签：

上一篇：包雪雪简单介绍Vue.js：开学

下一篇：【玩转GPU】ControlNet初学者生存指南

阿里拍卖4个深交所交易席位各60万成交

据投资界7月30日消息，据财联社报道，今日，阿里拍卖4个深交所交易席位司法拍卖平台。具体来说，被拍卖的四枚深交所席位号分别是00、00、00、00。起拍价60万元，市场价60万元，保证金6万元，加价元，拍卖开始时间为8月23日，竞拍期为一天。席位号原持有人为珠海中业信托投

06-18
隐形正畸品牌美狮获数千万元A轮融资

据投资界4月8日消息，隐形正畸品牌美狮完成数千万元A轮融资，投资方包括中信资本和雅惠投资。此前，其曾获得世纪河、天宇医疗等机构的融资。这些资金主要用于研发投入，包括数字图形软件、高分子材料、临床医学基地建设等。美视团队于年底成立。截至目前，美视产品已覆盖

06-18
产融深度融合，九和集团战略投资中国华融

投资行业动态，近日，九和集团战略投资中国华融。双方将携手进军军工领域，携手地方政府平台打造军民融合综合体。当地经济腾飞。作为一家国有背景、产融结合的企业集团，九和集团通过资本赋能，助力地方经济和企业发展。投资多家军工企业，与多个地方政府共同建设军工园区

06-17
证监会：启动私募创投基金向投资者实物配置股票试点

投资界（ID：pedaily）据7月10日消息，证监会发布公告称，为完善私募股权投资基金和创业投资基金（以下简称私募创业投资基金）非现金分配机制，拓宽私募股权创业投资基金退出渠道，促进投资-退出-再投资的良性循环。近日，证监会启动私募股权创业投资基金向投资者实物派发股

06-17
解决2亿灵活就业人员问题，小包智工获盖亚工场战略投资

投资圈（ID：pedaily）据12月8日消息，在线招聘平台“小包智工”完成劳动力SaaS战略制造商“Gaia Works”投资。小包智工联合创始人及CEO鲍冠羽表示，本轮融资将主要用于小包智工4.0版本的产品开发，服务更多城市和行业。去年，小包智工获得了云歌情报的战略投资。小包智工

06-17
每日游鲜完成新一轮融资4.95亿美元，由中金资本领投

在投资界，7月23日，每日游鲜宣布完成新一轮4.95亿美元融资。本轮融资由中金资本旗下基金领投，工银国际、腾讯、阿布扎比资本集团、苏州常熟政府产业基金、老虎环球、高盛资管旗下基金等数家机构共同跟投，华兴资本跟投作为专属财务顾问。本轮融资也是目前生鲜配送行业最大

06-18
联发科将于今年晚些时候推出支持 5G 的 7nm 芯片组

据一份新报告称，台湾芯片制造商联发科计划今年推出 5G 芯片组。这款新芯片组将与高通 Snapdragon 和海思麒麟竞争。联发科芯片组主要应用于入门级和中端智能手机。新的联发科5G芯片组将采用7nm制造工艺。据联发科称，新芯片组将比最新的 Helio P90 更强大。与其他产品不

06-06
1药网：四季度营收34.6亿元，同比增长30.9%

1药网发布四季度及全年业绩报告。财报显示，第四季度营收34.6亿元，同比增长30.9%； 2019年1月，药网实现全年营收破亿元，同比增长52%，营收首次突破百亿。

06-18
“艺赛旗”获金蝶超亿元战略投资，联合推出“苍穹+RPA”一体化产品及智能自动化解决方案

今日举行的金蝶云苍穹峰会上，金蝶宣布战略投资国内RPA企业艺赛旗。金蝶在企业云服务和云原生技术领域拥有多年的经验和行业理解，结合艺赛旗在RPA领域的技术优势，联合推出“琼+RPA”一体化产品和智能自动化解决方案，致力于打造为数万企业用户带来数十亿的利益。提高数字虚

06-18
云南意外诞生独角兽：耀明半导体近百亿

此次抵达云南。投资界获悉，耀明半导体近日正式宣布完成B轮股权融资，金额超12亿元，投后估值近百亿元。本轮融资由国家绿色发展基金有限责任公司领投，金石投资、国投创合、浙江海港集团、宁波开投集团、楚雄城乡投资等跟投。于是，这家来自云南的新能源公司成为了独角兽公

06-18
阿里云【AI24小时】2024年5月6日

阿里云创业平台推出AI24小时系列文章，搜集国内外最新的AI人工智能前沿资讯，帮助AI创业者掌握最新行业资讯。 1.AI PC激战，联想、华为、荣耀出击>> 随着AI技术的快速发展，AI PC已成为消费电子领域的热点。联想、华为、荣耀等各大厂商相继推出了自己的AI PC产品。近年来，

06-17
张剑锋谈阿里云新定位：数字经济基础设施

9月25日，在杭州云栖大会上，阿里云智能总裁张剑锋在主题演讲中表示，阿里云已经从单纯的云基础设施逐步演变今天，我们已经成为智能云提供商：从大数据、AI、物联网到协同办公，以及未来软硬件一体化的云平台。他表示，“阿里巴巴走过了十年，一步一步走到了今天。我认为未

06-18