草庐IT

getLocation小程序获取用户地理位置,逆地址解析(位置描述),将经纬度转为省市区的位置描述

昔冰_G 2023-04-08 原文

在近期做得一个小程序里要展示当地天气情况,这也就意味着要获取当前位置信息,小程序这边需要getLocation来向用户发起弹窗申请授权获取位置信息。就像下面这样:

不过呢,现在的getLocation()只能获取到用户当前位置的经度、纬度.......又让我回想起高一时那个地理我刚及格的成绩,咱得把经纬度再转成位置才行(因为我的后端是根据 省市区 来进行天气获取的,而不是经纬度,就像"北京市-北京市-海淀区"),也就是:逆地址解析

查资料后发现要用【腾讯位置服务】,这个东西可以给我们提供上面的功能——逆地址解析。


实现步骤:

1、到【自己的小程序】后台申请开通位置服务

(登录微信公众平台-小程序-开发-开发管理-接口设置-获取当前的地理位置、速度-去开通)

2、这个服务申请很快就会被审批,大概20分钟,然后我们就可以使用getLocation()这个接口喇

3、登录【腾讯位置服务】平台,进入控制台,创建应用,获取key

准备好自己小程序的ID

 将id赋值粘贴到这里   ↓

 然后就能拿到平台给我们的key了

4、下载用于逆地址解析的包,这个包就像一个桥,一边连接我们申请的key,一边提供逆地址解析功能。(腾讯位置服务--开发文档--小程序Javascript SDK---点击v1.1或v1.2下载)

 5、将这个包解压后的文件放到我们的小程序项目中(我新建了common目录并粘贴到此)

6、 添加到白名单(在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名,添加https://apis.map.qq.com)

 7、 查看逆地址解析的用法

 8、应用逆地址解析

// 引用该功能
const QQMapWX =require('@/common/qqmap-wx-jssdk.min.js');

export default {
    data(){
        return{
            qqMapSdk:null,
            locationInfo:''
        }
    },
    onLoad(){
        // 初始化腾讯位置服务——传入key
	    this.qqMapSdk=new QQMapWX({key:'T****-S****-G****-U****-5****-6****'});
        // 调用方法
        this.getUserLocation().then((res)=>{
            // 将用户经纬度转为具体文字位置赋值给本地
			this.formatLocation(res.latitude,res.longitude).then((res)=>{
                // 将转换后的省市区文字描述保存到本地数据中
                Object.assign(this.locationInfo,res);
            }).catch(()=>{
                uni.showToast({
					title:'位置处理失败,无法提供本地天气信息',
					duration:2000,
					icon:"none"
			    });
            })
        }).catch(()=>{
		    uni.showToast({
				title:'位置获取失败,无法提供本地天气信息',
				duration:2000,
				icon:"none"
        });
    },
    methods:{
        // 弹窗申请用户位置
        getUserLocation(){
	        return new Promise((resolve,reject)=>{
		        uni.getLocation({// Promise风格异步
			        type: 'wgs84',
			        success: (res)=> {
				        resolve(res);
			        },
			        fail:(err)=>{
			        	reject('获取用户位置信息失败!')
			        }
		        });
	        })
        },
        // 根据获取的位置经纬度做省市区转换
        formatLocation(latitude,longitude){
			return new Promise((resolve,reject)=>{
				this.qqMapSdk.reverseGeocoder({ // 调用腾讯位置服务初始化对象的reverseGeocoder方法
					location:{
						latitude,
						longitude
					},
					success:(res)=>{// 转换省市区成功
						let {province,city,district}=res.result.address_component;
						let data={province,city,district};
						resolve(data)
					},
					fail:(err)=>{
						reject('格式化地理位置失败!')
					}
				});
			})
		},
    }
}

 简而言之:将getLocation()获取到的用户地址的latitude、longitude作为参数给到腾讯位置服务的reverseGeocoder()中。

所以要获取getLocation接口的使用权限、获取腾讯位置服务的key、获取装有reverseGeocoder()功能的包,然后就是调用,传参,取值了。

有关getLocation小程序获取用户地理位置,逆地址解析(位置描述),将经纬度转为省市区的位置描述的更多相关文章

  1. Ruby 解析字符串 - 2

    我有一个字符串input="maybe(thisis|thatwas)some((nice|ugly)(day|night)|(strange(weather|time)))"Ruby中解析该字符串的最佳方法是什么?我的意思是脚本应该能够像这样构建句子:maybethisissomeuglynightmaybethatwassomenicenightmaybethiswassomestrangetime等等,你明白了......我应该一个字符一个字符地读取字符串并构建一个带有堆栈的状态机来存储括号值以供以后计算,还是有更好的方法?也许为此目的准备了一个开箱即用的库?

  2. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  3. ruby - 用逗号、双引号和编码解析 csv - 2

    我正在使用ruby​​1.9解析以下带有MacRoman字符的csv文件#encoding:ISO-8859-1#csv_parse.csvName,main-dialogue"Marceu","Giveittohimóhe,hiswife."我做了以下解析。require'csv'input_string=File.read("../csv_parse.rb").force_encoding("ISO-8859-1").encode("UTF-8")#=>"Name,main-dialogue\r\n\"Marceu\",\"Giveittohim\x97he,hiswife.\"\

  4. ruby - 简单获取法拉第超时 - 2

    有没有办法在这个简单的get方法中添加超时选项?我正在使用法拉第3.3。Faraday.get(url)四处寻找,我只能先发起连接后应用超时选项,然后应用超时选项。或者有什么简单的方法?这就是我现在正在做的:conn=Faraday.newresponse=conn.getdo|req|req.urlurlreq.options.timeout=2#2secondsend 最佳答案 试试这个:conn=Faraday.newdo|conn|conn.options.timeout=20endresponse=conn.get(url

  5. ruby - 从 Ruby 中的主机名获取 IP 地址 - 2

    我有一个存储主机名的Ruby数组server_names。如果我打印出来,它看起来像这样:["hostname.abc.com","hostname2.abc.com","hostname3.abc.com"]相当标准。我想要做的是获取这些服务器的IP(可能将它们存储在另一个变量中)。看起来IPSocket类可以做到这一点,但我不确定如何使用IPSocket类遍历它。如果它只是尝试像这样打印出IP:server_names.eachdo|name|IPSocket::getaddress(name)pnameend它提示我没有提供服务器名称。这是语法问题还是我没有正确使用类?输出:ge

  6. ruby - 获取模块中定义的所有常量的值 - 2

    我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组,即["apple","boy"]? 最佳答案 为了做到这一点,请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

  7. ruby-on-rails - 获取 inf-ruby 以使用 ruby​​ 版本管理器 (rvm) - 2

    我安装了ruby​​版本管理器,并将RVM安装的ruby​​实现设置为默认值,这样'哪个ruby'显示'~/.rvm/ruby-1.8.6-p383/bin/ruby'但是当我在emacs中打开inf-ruby缓冲区时,它使用安装在/usr/bin中的ruby​​。有没有办法让emacs像shell一样尊重ruby​​的路径?谢谢! 最佳答案 我创建了一个emacs扩展来将rvm集成到emacs中。如果您有兴趣,可以在这里获取:http://github.com/senny/rvm.el

  8. Ruby 从大范围中获取第 n 个项目 - 2

    假设我有这个范围:("aaaaa".."zzzzz")如何在不事先/每次生成整个项目的情况下从范围中获取第N个项目? 最佳答案 一种快速简便的方法:("aaaaa".."zzzzz").first(42).last#==>"aaabp"如果出于某种原因你不得不一遍又一遍地这样做,或者如果你需要避免为前N个元素构建中间数组,你可以这样写:moduleEnumerabledefskip(n)returnto_enum:skip,nunlessblock_given?each_with_indexdo|item,index|yieldit

  9. ruby - Net::HTTP 获取源代码和状态 - 2

    我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态,而无需发出第二个请求。有没有办法用另一种方法做到这一点?我一直在查看文档,但似乎找不到我要找的东西。 最佳答案 在我看来,除非您需要一些真正的低级访问或控制,否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur

  10. ruby-on-rails - 我更新了 ruby​​ gems,现在到处都收到解析树错误和弃用警告! - 2

    简而言之错误:NOTE:Gem::SourceIndex#add_specisdeprecated,useSpecification.add_spec.Itwillberemovedonorafter2011-11-01.Gem::SourceIndex#add_speccalledfrom/opt/local/lib/ruby/site_ruby/1.8/rubygems/source_index.rb:91./opt/local/lib/ruby/gems/1.8/gems/rails-2.3.8/lib/rails/gem_dependency.rb:275:in`==':und

随机推荐