【高德地图】获取我的位置信息

前言

vue中地图的初始化可以参考前面的文章，这里就不讲了
下面是获取我的位置信息

步骤

首先，初始化地图的时候有这个方法：getCurrentPosition
它有两个入参：status和result
通过result获取到经纬度
// 经度
self.lng = result.position.lng
// 维度
self.lat = result.position.lat

然后就是获取当前位置信息

    let geocoder = new AMap.Geocoder({radius: 1000, extensions: 'all'})geocoder.getAddress([self.lng, self.lat], function (status, result) {if (status === 'complete' && result.info === 'OK') {if (result && result.regeocode) {console.log('我的位置2：', result, result.regeocode.formattedAddress) //控制台打印地址self.address = result.regeocode.formattedAddressself.searchKey = result.regeocode.formattedAddressself.$nextTick()}}})

如果不知道怎么添加这个方法：getCurrentPosition

https://blog.csdn.net/athwang/article/details/108236551

【高德地图】获取我的位置信息相关推荐

vue项目中使用高德地图获取用户当前位置信息
项目背景是用vue开发的小程序,需要获取当前用户的地理位置,折腾了好久终于弄好了,今天分享给大家,话不多说,let's go! 第一步:在index.html页面引入高德地图 <script t ...
手机端或PC端利用高德地图和腾讯地图获取用户当前位置信息
目录一.简介二.高德地图三.腾讯地图四.总结一.简介最近在项目中,有需要使用到获取用户当前地理位置信息的功能,获取当前用户位置保存到数据库中的场景,并且需要支持多种地图定位方式,我这里采用 ...
在vue中使用高德地图获取坐标与地址信息(包含点击+搜索)
首先注册登陆高德地图 https://lbs.amap.com/ 划过头像里面有个应用管理点开进入到应用管理打开我的应用选择创建应用然后按照要求填写内容,切记一定要选择web端(JS API) ...
h5手机端或PC端利用高德地图获取当前定位位置
踩的坑写在前面: 想直接利用h5的特性来获取,但是一直报错,需要https服务,结果还去了阿里云搞ssl的域名卡住了,然后一直报未检测到DNS配置记录,如果你们服务是https就可以直接用这个了. 后 ...
Java使用高德地图获取行驶距离等信息
步骤:(总共三个类,可直接复制使用) 官网文档:高德地图路径规划API地址申请高德API使用的key(备注:key的类型要选择web服务) 发送http GET请求获取结果以下是代码 HTTP请 ...
java api从高德地图获取某个位置的经纬度
1.代码展示 import com.fasterxml.jackson.databind.JsonNode; import com.ning.http.client.AsyncHttpClient; ...
高德地图逆地理编码Geocoder的getlocation获取不到位置信息
问题:原生定位接口定位失败,则status返回error事件或回调error信息,获取不到位置信息产生原因:逆编码方法使用不了原因是使用的高德地图的应用方向web服务,而Geocoder属于web端 ...
高德地图android api定位失败,android 定位没有问题，iOS定位失败获取不到位置信息...
@override void initState() { super.initState(); _type = widget.type; WidgetsBinding.instance.addPost ...
vue 获取当前位置高德_vue高德地图获取当前位置
一:安装依赖 npm install vue-amap --save 二:main.js中的配置 import VueAMap from 'vue-amap'; Vue.use(VueAMap); V ...
flutter集成高德地图获取位置
flutter集成高德地图获取位置准备工作在创建安卓应用获取SHA1 获取当前位置添加依赖文件配置 build.gradle文件配置 AndroidManifest.xml配置获取定位准 ...

【高德地图】获取我的位置信息

【高德地图】获取我的位置信息相关推荐

最新文章

热门文章