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

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、点击按钮就可以在地图上点击查看该点的经纬度了