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

怼烎@ 2022-10-11 00:44 303阅读 0赞

> `前言`

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

> `步骤`

1.  首先，初始化地图的时候有这个方法：getCurrentPosition  
    它有两个入参：status和result  
    通过result获取到经纬度  
    // 经度  
    self.lng = result.position.lng  
    // 维度  
    self.lat = result.position.lat
2.  然后就是获取当前位置信息
    
        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.formattedAddress
        	      self.searchKey = result.regeocode.formattedAddress
        	      self.$nextTick()
        	    }
        	  }
        	})
    
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3MxNDQxMTAxMjY1_size_16_color_FFFFFF_t_70]

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

[https://blog.csdn.net/athwang/article/details/108236551][https_blog.csdn.net_athwang_article_details_108236551]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3MxNDQxMTAxMjY1_size_16_color_FFFFFF_t_70]: /images/20221005/bd3e26b13bc54bc499d7e5594145c3fb.png
[https_blog.csdn.net_athwang_article_details_108236551]: https://blog.csdn.net/athwang/article/details/108236551

发表评论取消回复

表情：

评论列表（有 0 条评论，303人围观）

还没有评论，来说两句吧...

相关阅读

相关高德地图获取经纬度坐标

[高德地图获取经纬度坐标： https://lbs.amap.com/console/show/picker][https_lbs.amap.com_console_show_

川长思鸟来/ 2023年07月17日 11:17/ 0 赞/ 30 阅读

相关高德地图获取位置信息并签到

用 uniapp 开发虽然很方便，但是适配还是比较麻烦的，最近用到了签到，api 中有获取位置的方法是 uni.getLocation() ，但是不大好用，现在用到了高德开放平

小鱼儿/ 2023年02月24日 08:56/ 0 赞/ 23 阅读

相关 mpvue小程序：高德地图实时获取地理位置

mpvue小程序：高德地图实时获取地理位置 > 前期准备： > > 1. 高德开发平台，申请key：https://lbs.amap.com/api/wx/getti

Myth丶恋晨/ 2023年02月20日 12:30/ 0 赞/ 19 阅读

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

> `前言` vue中地图的初始化可以参考前面的文章，这里就不讲了下面是获取我的位置信息 > `步骤` 1. 首先，初始化地图的时候有这个方法：getCurren

怼烎@/ 2022年10月11日 00:44/ 0 赞/ 304 阅读

相关 java api从高德地图获取某个位置的经纬度

1、代码展示 import com.fasterxml.jackson.databind.JsonNode; import com.ning.http.cli

浅浅的花香味﹌/ 2022年09月25日 02:19/ 0 赞/ 285 阅读

相关高德地图点击获取坐标

<link href="<?=Yii::getAlias('@resUrl/css/manage.css');?>" rel="stylesheet">

刺骨的言语ヽ痛彻心扉/ 2022年05月17日 11:09/ 0 赞/ 515 阅读

相关 Java使用高德地图获取行驶距离等信息

步骤：（总共三个类，可直接复制使用）官网文档：[高德地图路径规划API地址][API] 1. 申请高德API使用的key（备注：key的类型要选择web服务） 2.

客官°小女子只卖身不卖艺/ 2022年05月16日 01:54/ 0 赞/ 263 阅读

相关 js接入高德地图API，搜索位置，实时定位，获取经纬度

1.服务端带所需数据进入 > @RequestMapping(value = "deploy", method = \{RequestMethod.GET ,

谁践踏了优雅/ 2022年05月14日 12:07/ 0 赞/ 635 阅读

相关手机端获取用户详细地理位置（腾讯地图/高德）

高德 1，注册高德地图开发者账号获取开发者Key 2，页面调用 <script type="text/javascript" src="http://weba

缺乏、安全感/ 2021年11月29日 19:32/ 0 赞/ 404 阅读

相关 Vue - 高德地图获取所点击位置的经纬度坐标

一. 在最外层的html.js中引入高德key ![在这里插入图片描述][20200519103055746.png] ![在这里插入图片描述][watermark_t

本是古典何须时尚/ 2021年07月26日 02:52/ 0 赞/ 2041 阅读