uniapp获取当前经纬度 地图 支持搜索

uniapp获取当前经纬度

 uni.getLocation({type: 'wgs84',geocode:true,//设置该参数为true可直接获取经纬度及城市信息success:res=> {console.log('当前位置的经度:' + res.longitude);console.log('当前位置的纬度:' + res.latitude);},fail: function () {uni.showToast({title: '获取地址失败,将导致部分功能不可用',icon:'none'});}});

使用uni.chooseLocation({})选择地址可以获取到当前经纬度,详细地址,位置名称

uni.chooseLocation({type: 'wgs84',altitude:'true',success: res => {this.nextadress = res.address;this.latitude = res.latitude;this.longitude = res.longitude;console.log('位置名称:' + res.name);console.log('详细地址:' + res.address);console.log('纬度:' + res.latitude);console.log('经度:' + res.longitude)},complete: function (res) {console.log(res);},failed: function (res) {console.log(res);}});

使用uni.chooseLocation要配置以下文件

步骤一:在manifest.json文件中选择微信小程序配置开启勾选位置接口

步骤二:在manifest.json文件中选择源码视图找到mp-weixin下添加

否则小程序会发生定位失败的情况,

返回异常信息放回如下:{"errMsg":"getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json"}

代码:

"mp-weixin" : {/* 微信小程序特有相关 */"appid" : "wx1650d50b1234ed6d",//瞎写的"setting" : {"urlCheck" : false,"es6" : true,"minified" : true},"usingComponents" : true,"permission" : {"scope.userLocation" : {"desc" : "将获取你的具体位置信息,用于有效的提供附近充电站"}},"requiredPrivateInfos": ["getLocation", "chooseLocation", "chooseAddress"]//重点这一句},

完成以上步骤就可以在地图中选择位置获取经纬度地址等

uniapp获取当前经纬度 地图 支持搜索相关推荐

  1. uni-app:获取当前经纬度解决方案+如何布置全局组件

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一.布置全局组件 在我们开发的过程中,会碰到一个现象,就是在页面里面引入组件,总算要写import,components才能引用,这里给大 ...

  2. uni-app获取腾讯地图计算两经纬度的实际距离(可批量)

    地址 https://lbs.qq.com/service/webService/webServiceGuide/webServiceDistance getDistance() {uni.reque ...

  3. app uniapp 获取位置_uniApp 地图使用

    uniApp 地图使用 2.地图分显示,和获取定位两部分:显示可选择腾讯地图.高德地图.百度地图 3.获取定位方法由 uniApp 提供,坐标为固定的 gcj02.即使设置类型 wgs84,也是得到 ...

  4. uniApp获取高德高德地图api发布版安全码SHA1

    我在开发中使用到了高德地图api:基座测试时候可以正常使用,但是打包之后发现高德地图无法使用:所以为了解决uniApp打包后,高德地图无法使用的问题,我们需要发布版安全码SHA1来申请高德地图的key ...

  5. 高德 通过 起 经 止 经纬度 获取路线经纬度,(可搜索位置,新增经过点)

    高德 通过 起 经 止 经纬度 获取路线经纬度 前言 一.经纬度获取代码 二.效果图演示 三.DEMO 演示地址 总结 前言 之前工作的公司与道路相关,后端同事经常需要采集路线坐标,网上又没有找到合适 ...

  6. uni-app 小程序使用腾讯地图完成搜索功能

    前言 使用uni-app开发小程序时候使用腾讯地图原生SDK是,要把原生写法转成vue写法在这记录一下. 我们需要注意的是使用高德地图时我们不仅要引入SDK,还要再uni-app中配置允许使用. 由于 ...

  7. vue 微信公众号获取定位经纬度 腾讯地图逆地址解析为具体地址

    最近做项目需要用到 微信公众号获取定位,并将定位转换为具体地址的需求,找了挺多,最后整理下,分享给大家~ 我这里使用的是腾讯地图,也可以使用其他的如百度.高德等. 思路是,先使用微信开放文档的获取定位 ...

  8. vue - vue使用腾讯api进行定位获取,绘制地图、标点、搜索、路线规划

    章节目录 1,前言 2,准备 3,开始引入api 4,获取定位 5,绘制地图和标点 6,关键字搜索功能 7,驾车线路规划 8,两点经纬度的直线距离计算 9,使用过程中的一些常见问题 10,参考链接 1 ...

  9. vue版本--腾讯地图demo,可搜索关键字和经纬度,显示地图和搜索结果列表

    腾讯地图demo,改正确的key即可用 <!DOCTYPE html> <html><head><meta charset="UTF-8" ...

  10. 小程序uniapp获取经纬度、地址

    // 由于这里进行了一些api的封装,可参考代码 // https://www.jianshu.com/p/80e33d16182f //引用的一些方法放下面了,我一般都是封装到单独的js文件引进来 ...

最新文章

  1. 看完这篇,code review 谁敢喷你代码写的烂?怼回去!
  2. java源码 - ReentrantReadWriteLock介绍
  3. 无法远程访问Mysql的解决方案
  4. 【最新阿里-京东-美团-滴滴-面试题及答案】
  5. 【Web安全】PHP与Web表单交互-POST方法与GET方法(看不懂你来打我)
  6. js+php在线截图 jquery fileupload.js,另一种图片上传 jquery.fileupload.js
  7. 老男孩python全栈开发视频教程_老男孩Python全栈开发(92天全)视频教程 自学笔记08...
  8. vc2008使用技巧
  9. java mod函数的使用方法_java 数学计算的具体使用
  10. Android低功耗蓝牙(BLE)使用详解
  11. Linux指令日期转为字符串,linux时间转换函数【转】
  12. 网页打开Android APP
  13. 拓端tecdat|R语言主成分分析(PCA)葡萄酒可视化:主成分得分散点图和载荷图
  14. 如何学习plc编程?(核心秘诀分享)
  15. Echarts正态分布曲线
  16. 中国网络视频前景 表面云淡风轻实在暗潮汹涌
  17. 使用netwox实现tcp rst 攻击及防御措施
  18. 阿里巴巴国际站 网站和PC客户端都登录不了,其他电脑或手机可以
  19. 将多个文件夹下内容合并到一个文件夹下
  20. 浅析c4编译器--一个优秀的编译器是如何生成的

热门文章

  1. 静态HTML网页设计作品——动漫电影《你的名字》(7页) HTML+CSS大作业_ 动漫电网页制作作业_动漫电网页设计...
  2. RN style的常用布局页面属性
  3. python招聘杭州拉勾网_Python拉勾网职位分析-Pyecharts
  4. java根据经纬度获取详细地址
  5. Android UI基础控件
  6. 基于javaweb+mysql的超市进销存管理系统(java+SpringBoot+Html+Layui+echarts+mysql)
  7. c语言绝对值函数作用,C语言中有没有求绝对值的函数啊?谢谢!
  8. dubbo源码阅读 Adaptive机制
  9. 工业镜头与普通镜头有什么区别?
  10. oracle用户 expire,Oracle用户expired