一、首先引入地图(代码在最后)

二、然后是打点获取坐标和名称的方法(代码在最后)

 重点!!!

如果不加上密钥的话可能会得不到数据名称

你想要的代码来了

// 密钥
window._AMapSecurityConfig={securityJsCode:''//你申请key之后的密钥
}async initMap() {let AMap = await AMapLoader.load({key: "",//你申请的keyversion: "2.0",plugins: ["AMap.PolygonEditor","AMap.Autocomplete","AMap.PlaceSearch","AMap.Scale","AMap.OverView","AMap.ToolBar","AMap.MapType","AMap.PolyEditor","AMap.CircleEditor","AMap.Geolocation","AMap.Geocoder","AMap.AMapUI","AMap.ControlBar","AMap.Marker",],});this.map = new AMap.Map("container", {center: this.center,resizeEnable: true,zoom: 14,plugin: [// 一些工具插件{pName: "MapType", // 地图类型defaultType: 0,events: {init(instance) {},},},],});//下面是方法
showInfoClick(e) {var geocoder = new AMap.Geocoder({radius: 1000,extensions: "all"});//this.center = [];this.center.push(e.lnglat.getLng());this.center.push(e.lnglat.getLat());this.addMarker();var text ="您在 [ " +e.lnglat.getLng() +"," +e.lnglat.getLat() +" ] 的位置单击了地图!";console.log(text);// 翻译点的名称let lnglat=this.centerlet _this=this// console.log(lnglat, '----->>>')geocoder.getAddress(lnglat, function(status, result) {// console.log(status,result, '----->>>')if (status === 'complete'&&result.regeocode) {var address = result.regeocode.formattedAddress;let mapData={address,lnglat}//_this.$emit("selectLocation", mapData);// console.log(_this, '----->>>')}else{console.log('根据经纬度查询地址失败')}});},

希望可以帮到你o(* ̄▽ ̄*)ブ

高德地图打点获取点的坐标和名称相关推荐

  1. 高德地图-鼠标获取坐标

    1.问题背景 鼠标点击地图,获取点击处的经纬度,并将经度和纬度放到输入框中 2.实现源码 <!DOCTYPE html> <html><head><meta ...

  2. 在高德地图中获取鼠标点击的经纬度

    本文目录 一.注册高德开放平台 (一)创建应用 (二)添加 Key 二.代码实现 1. 引入必要的 CSS 文件与 JS 文件 2. 放置地图容器 3. 核心 JavaScript 代码 三.效果图 ...

  3. 调用腾讯地图API、高德地图API 获取当前地理位置、经纬度

    调用腾讯地图API.高德地图API 获取当前地理位置.经纬度 web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API 1.调用腾讯地图API ...

  4. 提取某一个镇的行政边界_高德地图api获取行政边界矢量方法

    高德地图api获取行政边界矢量方法 发布时间:2018-09-07 17:51, 浏览次数:2170 , 标签: api 1.获取高德地图web服务key 2.行政区域查询API服务地址: https ...

  5. 高德地图地位获取地址

    高德地图地位获取地址 高德地图开发平台地址:https://lbs.amap.com/ 1导入依赖库 implementation 'com.amap.api:location:4.4.0' 2权限 ...

  6. java获取经纬度_java调用高德地图api获取某个位置的经纬度

    java调用高德地图api获取经纬度的方法,废话少说,直接上代码: import com.fasterxml.jackson.databind.JsonNode; import com.ning.ht ...

  7. amap 高德 地图打点 地图描点 描点居中 清除打点

    amap 高德 地图打点 地图描点 描点居中 清除打点 废话不多say 上代码

  8. android 高德地图定位获取经纬度

    android 高德地图定位获取经纬度 之前开发定位都是集成百度的,领导说要用高德的,没办法干吧,官方的文档太详细了看着真累. 我们得先去官网注册开发者账号,创建应用,填写自己项目的包名和SHA1, ...

  9. Android 高德地图key获取、坐标定位

    前期准备 点击进入高德平台获取key **步骤一:**登录注册进入控制台 步骤二: **步骤三:**获取sha1值,以及其包名. **步骤四:**获取sha1值 步骤五:复制获取到key值 到这前期工 ...

最新文章

  1. 如何写新的Python OP
  2. 《Oracle高性能SQL引擎剖析:SQL优化与调优机制详解》一1.1 生成执行计划
  3. 在Gridview控件中根据Field Name来取得对应列索引
  4. 关键字 base 的作用
  5. html 未来元素绑定事件,jquery on如何给未来元素绑定事件?
  6. 使用基于注解的mybatis时,利用反射和注解生成sql语句
  7. 【NLP】文本预处理:删除单词停用词
  8. java算法----0至9这十个数组成两个三位数和一个四位数
  9. 北科大计算机技术研招考纲,北京科技大学2021年全国硕士研究生招生考试自命题科目考试大纲...
  10. maven 公共模块依赖_idea 创建多模块依赖Maven项目
  11. mysql数据库表的类型介绍,mysql数据库表的类型介绍
  12. slf4j没有在linux中生成日志,logback+SLF4J 没打印日志
  13. 安卓图片处理全解:获取视频的缩略图
  14. 台企招聘一名PHP程序員
  15. Django项目实践2 - Django模板语言(常用语法规则)
  16. excel转置怎么操作_直接理解转置卷积(Transposed convolution)的各种情况 - 颀周
  17. 图片中添加箭头【使用PPT实现】
  18. 【Linux学习】常见基本指令
  19. 电脑dns服务器未响应啥意思,电脑诊断出DNS服务器未响应是什么意思
  20. CET6 2017.12.2

热门文章

  1. Flink 的状态保存和恢复
  2. 白噪声的分析及其matlab实现
  3. Python使用嵌套循环实现图像处理算法
  4. Java仿腾讯视频流媒体点播网站开发实战
  5. 红透半边天的VR(虚拟现实)产业
  6. STM32入门-区别ORD,BSRR,BRR寄存器
  7. 【GCC】2: RTCP cc-feeback 抓包对比协议
  8. Linux:解压bz2文件
  9. html中怎么制作太阳月亮交替,CSS3 简单的地球/太阳/月亮动画
  10. 码率控制(一):理解码率控制模式(x264,x264,vpx)