码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • uniapp+腾讯地图定位获取位置信息


    第一步,获取并配置腾讯地图key,流程如图所示

    进入开放平台后,先注册登录过后,点击控制台,在应用管理里面创建一个应用

    经过以上步骤就获取了key

    然后就是包的下载

    下载好了过后解压存放到项目根目录下

    做完以上步骤就到配置环节,先配置manifest.json文件

    1. "permission": {
    2. "scope.userLocation": {
    3. "desc": "你的位置信息将用于小程序定位"
    4. }
    5. },
    6. "requiredPrivateInfos": ["getLocation", "chooseLocation", "chooseAddress"]

    将以上代码放到这儿

    再配置腾讯地图的key

    修改qqmap-wx-jssdk.js文件

    引入文件

    import QQMapWX from '../../tenxun/qqmap-wx-jssdk.js'

    然后就完成了。就可以开始编写代码了,

    成功了:

    附上以上代码

    1. uni.getSetting({
    2. success(res) {
    3. if (res.authSetting['scope.userLocation']) {
    4. console.log(123);
    5. // 请求用户的权限
    6. uni.authorize({
    7. scope: 'scope.userLocation',
    8. success() {
    9. console.log(456);
    10. // 用户已经同意小程序使用定位功能,后续调用 uni.getLocation接口不会弹窗询问
    11. let location = {
    12. longitude: 0,
    13. latitude: 0,
    14. province: '',
    15. city: '',
    16. area: '',
    17. street: '',
    18. address: '',
    19. }
    20. uni.getLocation({
    21. type: 'gcj02',
    22. success: function(res) {
    23. //保存纬度数据
    24. location.latitude = res.latitude;
    25. //保存经度度数据
    26. location.longitude = res.longitude;
    27. console.log('经度' + location.longitude);
    28. console.log('纬度' + location.latitude);
    29. const map = new QQMapWX({
    30. key: 'SO4BZ-4N4KI-NLIG7-UTKAM-QUZF6-TQBC4',
    31. })
    32. map.reverseGeocoder({
    33. location,
    34. success(res) {
    35. let info = res.result;
    36. console.log('info', info);
    37. location.province = info.address_component.province;
    38. location.city = info.address_component.city
    39. location.area = info.address_component.district
    40. location.street = info.address_component.street
    41. location.address = info.address
    42. console.log(location);
    43. area.value = location
    44. },
    45. fail: function(res) {
    46. console.log(res);
    47. }
    48. });
    49. },
    50. fail: function(res) {
    51. console.log(res);
    52. }
    53. });
    54. },
    55. })
    56. }
    57. }
    58. })

    *注:写完代码后在电脑端的位置有偏差很正常,要运行到真机上,并且关闭wifi,使用流量,就能获得准确的位置

    希望可以帮助大家

  • 相关阅读:
    @Transactional 竟也能解决分布式事务?
    找准边界,吃定安全 | 从访问控制谈起,再看零信任模型
    电脑电源灯一闪一闪开不了机怎么办
    【JAVA程序设计】(C00085)基于Servlet+jsp的图书信息管理
    【干货】Python注释快捷键
    SCT71403F50,SCT71403F33,TPS7B82,TPS7B81
    UE5、CesiumForUnreal实现瓦片坐标信息图层效果
    C++ 手动实现双向链表(作业版)
    携职教育:2022年企业人力资源管理师证书报考条件
    微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件
  • 原文地址:https://blog.csdn.net/m0_64931981/article/details/132619923
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号