高德地图在地图上打点显示经纬度

 时间:2026-02-14 06:15:52

1、写一个HTML页面,代码如下,首先初始化地图,初始化地图详情可查看另一篇经验,与之前初始化不同的是,这次引入地图的js中得加上鼠标工具,如下

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.MouseTool"></script>

高德地图在地图上打点显示经纬度

2、初始化地图后页面显示效果如下

高德地图在地图上打点显示经纬度

3、在js代码块中添加打点方法,代码如下:

function addPoint(){

var mouseTool = new AMap.MouseTool(map); 

var clickListener=AMap.event.addListener(map, "click",  function(e) {

var label = {

offset: new AMap.Pixel(16, 18), //修改label相对于marker的位置

content: '经度:'+e.lnglat.getLng() + ' ' + '纬度:'+e.lnglat.getLat()

};

mouseTool.marker({

label: label

});

});

}

高德地图在地图上打点显示经纬度

4、在HTML中添加按钮

高德地图在地图上打点显示经纬度

5、添加按钮后页面显示效果如下所示

高德地图在地图上打点显示经纬度

6、在按钮上添加点击事件,绑定打点方法

高德地图在地图上打点显示经纬度

7、点击按钮就可以在地图上点击查看该点的经纬度了

高德地图在地图上打点显示经纬度

  • 如何用高德地图查看经纬度
  • 高德地图怎么通过经纬度查询地点
  • 高德地图怎么查经纬度
  • 高德地图怎么看经纬度
  • 根据经纬度怎么查询地理位置
  • 热门搜索
    手抄报的装饰花边 手抄报安全 交通手抄报图片大全 初中安全手抄报 小学手抄报大全 民族精神手抄报 诵读经典手抄报 中小学生守则手抄报 多彩的民族文化手抄报 保护生态环境手抄报