uniapp uni.getLocation获取详细的地址信息

这篇具有很好参考价值的文章主要介绍了uniapp uni.getLocation获取详细的地址信息。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

准备工作,申请腾讯位置服务微信小程序JavaScript SDK

按照下图红框中的步骤一步一步的完成

uniapp uni.getLocation获取详细的地址信息

 

一、下载上图第三步中的JavaScriptSDK v1.2,并把下载好的SDK放到项目中

uniapp uni.getLocation获取详细的地址信息

二、把下载的小程序SDK引入到页面中

import QQMapWX from "@/utils/qqmap-wx-jssdk.min.js"

三、开始在页面中使用定位获取具体的地址信息

uni.getLocation({
                type: 'wgs84',
                success:(res)=> {
                    let qqmapsdk = new QQMapWX({
                        key: '这里填写高德开发平台上申请的key'
                    });
                    console.log(res.longitude,res.latitude, '经纬度')
                    qqmapsdk.reverseGeocoder({
                        location: {
                            latitude: res.latitude,
                            longitude: res.longitude
                        },
                        success:(re)=> {
                            console.log(re.result, '详细地址信息');//这里边就是你需要的定位数据了
                        },
                        fail:(re)=> {
                            console.log(re, '失败信息');
                        }
                    })
                }
            });文章来源地址https://www.toymoban.com/news/detail-488717.html

到了这里,关于uniapp uni.getLocation获取详细的地址信息的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp微信小程序获取经纬度信息报错getLocation:fail the api need to be declared in the requiredPrivateInfos...

    在uniapp微信小程序中使用getLocation时,出现报错  {errMsg: \\\"getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json\\\"} 先检查uniapp里面的manifest.json源码试图里面mp-weixin是否包含以下字段  基本上添加完后运行小程序就可以看到返回的经纬度信息  如果还是出现

    2024年02月03日
    浏览(39)
  • uniapp uni.getLocation定位错误信息汇总

    系统没开启定位,无提示 errMsg: \\\"getLocation:fail:ERROR_NOCELLWIFI_LOCATIONSWITCHOFF\\\" 系统未授权微信定位,无提示 errMsg: \\\"getLocation:fail system permission denied\\\" 小程序未授权定位,无提示 errMsg: \\\"getLocation:fail auth deny\\\" 系统没开启定位,会提示设置定位 errMsg: \\\"getLocation:fail system permission denied\\\" 系

    2024年02月14日
    浏览(31)
  • uni.getLocation获取定位fail报错问题汇总

    uni.getLocation(OBJECT) 获取当前的地理位置、速度。 fail返回的对象 errMsg 可能返回的值如下: 解决方案可以参考 微信小程序获取地理位置失败原因及解决方案

    2024年02月12日
    浏览(26)
  • uni-app(微信小程序)获取当前位置uni.getLocation

     1、微信公众平台  开发  开发管理   2、开通之后到项目文件    3、下载腾讯地图插件并引入到文件中    

    2024年02月11日
    浏览(40)
  • uni-app微信小程序uni.getLocation获取经度纬度【定位】

    需求:点击按钮获取当前微信位置,以及点击拒绝授权后,下次点击还可以拉起授权窗口; 拒绝授权后重新拉起授权操作: 直接授权操作: 原因:因为微信小程序从2019年1月14日起新提交发布的版本若未填写地理位置用途说明,则将无法正常调用地理位置相关接口; 解决办

    2024年04月09日
    浏览(37)
  • uni.getLocation和wx.getFuzzyLocatio解决获取不到位置 。

    uni.getLocation(OBJECT) | uni-app官网 地理位置接口新增与相关流程调整 | 微信开放社区 全局配置 | 微信开放文档 官方说明 1.微信开发者工具必须默认装C盘1/   2.检查代码支持基本库问题越低越好 3.wx.getFuzzyLocation使用步骤 wx.getFuzzyLocation({             type: \\\'wgs84\\\',             suc

    2024年02月14日
    浏览(32)
  • uniapp- 使用 uni-getLocation 用户拒绝之后引导用户开启定位流程

    注意: 1.用户手动授权定位, uni-getLocation  可以使用, 其他定位,请查阅,是否需要用户手动授权 2.用户在第一次使用需要获取定位的地方,拒绝之后才会拉起下面的这些数据的请求 3. 开发者测试 每次使用都需要清除缓存 4.小程序使用时候,没有触发 uni-getLocation  函数

    2024年02月12日
    浏览(29)
  • uniapp通过ip获取其地址、经纬度、详细地址:

    1.方法: 查看ip内容:http://pv.sohu.com/cityjson?ie=utf-8 【1】js获取ip地址: 【2】uni-app获取ip地址:(此方法会跨域报错=后续找到解决方法再补充) 【3】使用H5自带的获取位置 【4】使用百度地图获取位置 【5】微信js-sdk自带的API 2.案例: 3.最终效果:

    2024年02月12日
    浏览(34)
  • uniapp 开发微信小程序,获取经纬度转化详细地址

    正常开发中,我们通过 uni.getLocation 只能得到经纬度,微信又没有给我们具体的地理位置,这个时候我们可以通过反编译,来获取详细地址。操作如下 第一步:我们先去腾讯地图申请key腾讯地图  在 控制台== 应用管理 == 我的应用 ==创建应用 == 添加key== 除了必填的,勾选Web

    2024年02月04日
    浏览(41)
  • uniapp微信小程序getLocation获取经纬度报错

    uniapp开发微信小程序时,需要做一个授权位置信息的需求,使用getLocation获取用户当前的经纬度。期间遇到了一个问题老是报这个错误:“getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json” 根据官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/loc

    2024年02月13日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包