一、什么是高德坐标
高德坐标是由高德地图（广州市图盟科技有限公司）在 GCJ-02 坐标（火星坐标系）基础上研制的，适用于中国境内的地理坐标体系。
普通的 GPS 坐标（WGS-84 坐标系）在中国使用会有较大误差，而 GCJ-02 坐标是由中国政府进行全国性的加密后的坐标体系，也就是通常所说的“火星坐标系”。
但是高德地图在 GCJ-02 坐标系的基础上继续做了偏移处理，就是高德坐标。
二、高德地图 API 使用
高德地图 API 是一款基于 JavaScript 的地图应用程序编程接口。它为开发者提供了地图展示、路径规划、地理编码、关键字搜索等多项常用功能，而且使用非常简单。
通过引用高德地图 API，我们可以非常轻松地在网页上展示地图，并在地图上显示用户当前所在位置。
以下是引用高德地图 API 的示例代码：
当然，在实际代码中，需要将“你的key”替换成你在高德开放平台申请的应用程序 Key。
三、利用高德坐标拾取工具获取坐标
由于高德地图使用的是高德坐标，一般的 GPS 坐标被提供商处理后会变成高德坐标，所以如果我们需要在网页上标注一些地理位置，需要获取对应的高德坐标。
高德地图官网提供了一个非常方便的坐标拾取工具，可以通过该工具获取到坐标值，并使用该坐标值在网页上显示对应的位置。以下是获取坐标的步骤：
步骤1：进入坐标拾取页面
首先，我们需要进入高德地图坐标拾取页面，在搜索框中输入“高德坐标拾取”，然后在搜索结果中选择“高德坐标拾取（逆地理编码） – 高德开放平台”。
进入该页面后，就可以看到地图界面和相应的工具栏。
步骤2：标注要获取坐标的位置
在地图上标注需要获取坐标的位置。可以通过放大地图、移动地图等方式来定位位置。标注好位置后，可以看到该位置的经纬度值。
步骤3：获取高德坐标值
在标记好经纬度后，可以将获得的经纬度值输入至代码中，这样就可以在页面上为地图标注出相应的地理位置。
以下是使用高德地图 API，在页面上标注位置的示例代码：
var map = new AMap.Map('container', {
zoom: 13,//级别
center: [116.397428, 39.90923],//中心点坐标
});
var marker = new AMap.Marker({
position: [116.397428, 39.90923]//marker所在的位置
});
marker.setMap(map);//在地图上添加marker
四、结语
通过以上步骤，我们可以轻松实现在页面上标注地理位置的功能。高德地图提供了非常完善的地图应用编程接口，并且提供了获取坐标的工具，使得我们的开发工作变得更加便捷。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/289315.html
微信扫一扫 
支付宝扫一扫 