高德地图打点获取点的坐标和名称

2023-11-19

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

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

 重点!!!

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

你想要的代码来了

// 密钥
window._AMapSecurityConfig={
  securityJsCode:''//你申请key之后的密钥
}


async initMap() {
      let AMap = await AMapLoader.load({
        key: "",//你申请的key
        version: "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.center
        let _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(* ̄▽ ̄*)ブ

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • 服务器乱码专栏问题一:String.getBytes()获取值乱码

    本文建议阅读时长 15mins 前记 最近笔者工作比较繁忙 导致本来应该有很多博客需要填坑 一直也没有静下心来好好整理下 今天蹭着夜深人静加之阵阵柔和的轻音乐正好先写上一篇 也算是为自己乱码专栏开个头 当然本专栏主要解决Tomcat服务器以
  • 『虫无涯→_→读书推荐02期』|全面系统的〖Effective软件测试〗带你完成所有不同类型的测试,GO

    目录 我看的书 我的书评 推荐理由 书籍的作者 书籍内容 赠书活动 我看的书 首次看到这本书的封面的时候 我被那个数字惊呆了 助理软件研发提升10倍质量 这对我产生了足够了吸引力 因为这个数字是非常的客观的 至于书籍内容 大家别急 且听我慢
  • QPainter::setPen: Painter not active 解决方案

    今天在写代码的时候用到QPainter在窗口中绘制一些图形 出现错误 QPainter setPen Painter not active 百度上搜了也问了chatGPT没有很好的答案 无奈只好打开Qt API找问题 在Qt 文档中发现如下
  • Kerberos

    kerberos身份认证过程 第一步 账号和KDC互相认证 账号A向KDC证明自己的身份 1 账号A首先会把自己的密码hash 得到一把秘钥Kclt 2 Kclt会把当前的时间戳加密 生成一个字符串 使用 时间戳 Kclt来表示 3 将生成
  • SpringBoot打包docker镜像发布

    1 首先构建一个SpringBoot项目 只需要添加web依赖 2 编写一个controller用于测试 3 本机启动观察是否能够成功访问 4 打包 5 找到生成的jar包位置 6 jar包的启动运行测试 7 编写Dockerfile文件
  • 游戏服务器内存修改,修改游戏服务器内存

    修改游戏服务器内存 内容精选 换一换 实例支持自动化发放裸金属服务器 远程Console登录 支持租户自主管理裸金属服务器生命周期 查询 启动 关机 重启 删除 导出服务器列表 将租户名下的所有裸金属服务器信息 以CSV文件的形式导出至本地
  • 【SQL】6 SQL WHERE 子句

    WHERE 子句用于过滤记录 SQL WHERE 子句 WHERE 子句用于提取那些满足指定标准的记录 SQL WHERE 语法 SELECT column name column name FROM table name WHERE co
  • Docker Compass

    Docker Compose介绍 使用微服务架构的应用系统一般包含若干个微服务 每个微服务一般都会部署多个实例 如果每个微服务都要手动启停 那么效率之低 维护量之大可想而知 本节课将讨论如何使用 Docker Compose来轻松 高效地管
  • ICCV 2023

    点击下方卡片 关注 CVer 公众号 AI CV重磅干货 第一时间送达 点击进入 gt 目标跟踪 微信交流群 作者 Jaraxxus 已授权转载 源 知乎 编辑 CVer https zhuanlan zhihu com p 6438354
  • 2018年区块链人才趋势:降温、调节、蓄势待发

    2018年 戊戌年 是一个不平静的年份 自960年前的戊戌年王安石变法 到最近两百年的四个戊戌年 其间发生的大事无不与 变革 息息相关 年初 从科技圈 金融圈里 引爆出一个叫 区块链 的公众热点 从技术角度而言 这并非新生事物 但因其巨大的
  • Linux网络服务管理&防火墙详解&端口问题

    每次配置访问服务器都会一团迷雾 今天来尝试弄清楚同时借鉴一下大佬的博文当做笔记 文章目录 防火墙简介 一 防火墙基础 二 iptables 防火墙策略 iptables 命令格式 iptables案例 1 查看开放的端口 2 开放端口 此处
  • 七、PXE高效批量网络装机

    七 PXE高效批量网络装机 PXE概述 PXE严格来说并不是一种安装方式 而是一种引导方式 进行 PXE 安装的必要条件是要安装的计算机中包含一个 PXE 支持的网卡 NIC 即网卡中必须要有 PXE Client PXE Pre boot
  • 如何在Linux系统上监测系统温度?(亲测可用)

    转载自 http os 51cto com art 201311 417208 htm 按理说 在大多数情况下 你用不着为电脑的运行温度而操心 除了制造瑕疵外 电脑硬件在设计时确保温度不会超过最高工作温度 但即使没有任何的硬件故障 也会由于
  • QT6源码编译全过程

    QT6源码编译全过程 windows环境下使用VS2019 QT6源码编译全过程 windows环境下使用VS2019 qt6 编译 刘亿辰的博客 CSDN博客 一 随记 QT作为一个跨平台的界面开发平台 经过了历史长河的洗礼以及一代代Qt
  • 【Windows系统】资源管理器右键卡顿案例

    问题 最近在使用办公电脑过程中 发现在Windows系统资源管理器中使用右键会出现卡顿现象 这是一台经常使用 工作日上班都会使用 以前没有这个问题 出现问题的环境 windows版本 win10 x64 22H2 解决方法 1 关闭映射到本
  • VUE之Echarts地图引入及配置项详解

    步骤 建立dom用于渲染地图组件 div style width 100 height 100 class map charts div 引入所需js文件 import echarts from echarts require echart
  • Unity中在场景中添加水资源效果的方法

    首先 导入系统自带的水资源包 鼠标右击Project视图中的Assets文件夹 在弹出来的列表中选择 Import Package gt Water Basic 然后 弹出一个 Importing package 窗口 自由选择其中的包 全
  • Python操作数据库

    pymysql模块简单实用 1 安装pymysql模块 pip3 install PyMySQL 2 建立连接 与MySQL服务端建立连接 conn pymysql connect host 127 0 0 1 ip port 3306 端
  • 因果模型五:用因果的思想优化风控模型——因果正则化评分卡模型

    因果模型五 用因果的思想优化风控模型 因果正则化评分卡模型 一 模型中的因果和相关 二 不可知样本选择偏差 三 因果推断 四 因果与评分卡的融合 五 模型效果评估 5 1 人工合成数据效果测试 5 2 YFCC100M图像数据测试 5 3
  • 高德地图打点获取点的坐标和名称

    一 首先引入地图 代码在最后 二 然后是打点获取坐标和名称的方法 代码在最后 重点 如果不加上密钥的话可能会得不到数据名称 你想要的代码来了 密钥 window AMapSecurityConfig securityJsCode 你申请ke