一、什么是高德坐标
高德坐标是由高德地图(广州市图盟科技有限公司)在 GCJ-02 坐标(火星坐标系)基础上研制的,适用于中国境内的地理坐标体系。
普通的 GPS 坐标(WGS-84 坐标系)在中国使用会有较大误差,而 GCJ-02 坐标是由中国政府进行全国性的加密后的坐标体系,也就是通常所说的“火星坐标系”。
但是高德地图在 GCJ-02 坐标系的基础上继续做了偏移处理,就是高德坐标。
二、高德地图 API 使用
高德地图 API 是一款基于 JavaScript 的地图应用程序编程接口。它为开发者提供了地图展示、路径规划、地理编码、关键字搜索等多项常用功能,而且使用非常简单。
通过引用高德地图 API,我们可以非常轻松地在网页上展示地图,并在地图上显示用户当前所在位置。
以下是引用高德地图 API 的示例代码:
<script src="https://webapi.amap.com/maps?v=1.4.15&key=你的key"></script>
当然,在实际代码中,需要将“你的key”替换成你在高德开放平台申请的应用程序 Key。
三、利用高德坐标拾取工具获取坐标
由于高德地图使用的是高德坐标,一般的 GPS 坐标被提供商处理后会变成高德坐标,所以如果我们需要在网页上标注一些地理位置,需要获取对应的高德坐标。
高德地图官网提供了一个非常方便的坐标拾取工具,可以通过该工具获取到坐标值,并使用该坐标值在网页上显示对应的位置。以下是获取坐标的步骤:
步骤1:进入坐标拾取页面
首先,我们需要进入高德地图坐标拾取页面,在搜索框中输入“高德坐标拾取”,然后在搜索结果中选择“高德坐标拾取(逆地理编码) - 高德开放平台”。
进入该页面后,就可以看到地图界面和相应的工具栏。
步骤2:标注要获取坐标的位置
在地图上标注需要获取坐标的位置。可以通过放大地图、移动地图等方式来定位位置。标注好位置后,可以看到该位置的经纬度值。
步骤3:获取高德坐标值
在标记好经纬度后,可以将获得的经纬度值输入至代码中,这样就可以在页面上为地图标注出相应的地理位置。
以下是使用高德地图 API,在页面上标注位置的示例代码:
<script type="text/javascript"> 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 </script>
四、结语
通过以上步骤,我们可以轻松实现在页面上标注地理位置的功能。高德地图提供了非常完善的地图应用编程接口,并且提供了获取坐标的工具,使得我们的开发工作变得更加便捷。