高德地图打点获取点的坐标和名称
一、首先引入地图(代码在最后)
二、然后是打点获取坐标和名称的方法(代码在最后)
重点!!!
如果不加上密钥的话可能会得不到数据名称
你想要的代码来了
// 密钥
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.问题背景 鼠标点击地图,获取点击处的经纬度,并将经度和纬度放到输入框中 2.实现源码 <!DOCTYPE html> <html><head><meta ...
- 在高德地图中获取鼠标点击的经纬度
本文目录 一.注册高德开放平台 (一)创建应用 (二)添加 Key 二.代码实现 1. 引入必要的 CSS 文件与 JS 文件 2. 放置地图容器 3. 核心 JavaScript 代码 三.效果图 ...
- 调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API.高德地图API 获取当前地理位置.经纬度 web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API 1.调用腾讯地图API ...
- 提取某一个镇的行政边界_高德地图api获取行政边界矢量方法
高德地图api获取行政边界矢量方法 发布时间:2018-09-07 17:51, 浏览次数:2170 , 标签: api 1.获取高德地图web服务key 2.行政区域查询API服务地址: https ...
- 高德地图地位获取地址
高德地图地位获取地址 高德地图开发平台地址:https://lbs.amap.com/ 1导入依赖库 implementation 'com.amap.api:location:4.4.0' 2权限 ...
- java获取经纬度_java调用高德地图api获取某个位置的经纬度
java调用高德地图api获取经纬度的方法,废话少说,直接上代码: import com.fasterxml.jackson.databind.JsonNode; import com.ning.ht ...
- amap 高德 地图打点 地图描点 描点居中 清除打点
amap 高德 地图打点 地图描点 描点居中 清除打点 废话不多say 上代码
- android 高德地图定位获取经纬度
android 高德地图定位获取经纬度 之前开发定位都是集成百度的,领导说要用高德的,没办法干吧,官方的文档太详细了看着真累. 我们得先去官网注册开发者账号,创建应用,填写自己项目的包名和SHA1, ...
- Android 高德地图key获取、坐标定位
前期准备 点击进入高德平台获取key **步骤一:**登录注册进入控制台 步骤二: **步骤三:**获取sha1值,以及其包名. **步骤四:**获取sha1值 步骤五:复制获取到key值 到这前期工 ...
最新文章
- 如何写新的Python OP
- 《Oracle高性能SQL引擎剖析:SQL优化与调优机制详解》一1.1 生成执行计划
- 在Gridview控件中根据Field Name来取得对应列索引
- 关键字 base 的作用
- html 未来元素绑定事件,jquery on如何给未来元素绑定事件?
- 使用基于注解的mybatis时,利用反射和注解生成sql语句
- 【NLP】文本预处理:删除单词停用词
- java算法----0至9这十个数组成两个三位数和一个四位数
- 北科大计算机技术研招考纲,北京科技大学2021年全国硕士研究生招生考试自命题科目考试大纲...
- maven 公共模块依赖_idea 创建多模块依赖Maven项目
- mysql数据库表的类型介绍,mysql数据库表的类型介绍
- slf4j没有在linux中生成日志,logback+SLF4J 没打印日志
- 安卓图片处理全解:获取视频的缩略图
- 台企招聘一名PHP程序員
- Django项目实践2 - Django模板语言(常用语法规则)
- excel转置怎么操作_直接理解转置卷积(Transposed convolution)的各种情况 - 颀周
- 图片中添加箭头【使用PPT实现】
- 【Linux学习】常见基本指令
- 电脑dns服务器未响应啥意思,电脑诊断出DNS服务器未响应是什么意思
- CET6 2017.12.2