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

在高德地图中获取鼠标点击的经纬度，需要使用高德的 JS API 来实现。

一、注册高德开放平台

点击前往高德开放平台官网 >>>

（一）创建应用

进入【控制台】-【应用管理】-【创建新应用】

（二）添加 Key

在创建好的应用中点击【添加】。

填写 Key 名称、选择 Web 端（JS API）、阅读并同意相关政策和协议。

提交后，即可看到该应用的 Key 。

二、代码实现

新建一个 HTML 页面。

1. 引入必要的 CSS 文件与 JS 文件

<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>

2. 放置地图容器

<div id="container" class="map"></div>

可在 Style 中设置地图组件的大小：

.map {
   
	margin: 50px;
    height: 300px;
    width: 60%;
}

使用 div 显示结果

<div class="result">
    <div>鼠标点击纬度：<span id="c-latitude">