高德地图 API 几种常见功能的使用方法【一看就会】【OneGIS开发】

地图显示与操作

 

- 首先要申请 API Key，在浏览器中搜索“高德地图 API”或直接点击https://lbs.amap.com/api/webservice/summary/，注册登录后点击“获取 API Key”，再点击“创建新应用”，最后点击“添加”来申请，Key 名称可自行命名.

- 引入高德地图 API，在 HTML 页面中加入 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&key=你自己的key"></script> ，其中 key 为申请到的 API Key，再加入一个 div 容器用于显示地图，如 <div id="container" style="display:none;"></div> .

- 可通过 var map = new amap.map('container',{resizeenable:true}); 创建地图实例，之后可使用相关方法和属性对地图进行自定义，如添加标记、改变样式等.

 

定位服务

 

- 引入 API 及创建地图实例的步骤同上，然后通过 map.plugin('amap.geolocation', function() {...}) 加载定位插件，在其中设置定位参数，如 enablehighaccuracy 是否使用高精度定位等.

- 调用 geolocation.getcurrentposition() 方法获取当前位置信息，通过 amap.event.addlistener() 监听定位完成和出错事件，在定位成功的回调函数中，可获取定位的城市名称、经纬度等信息，并存储在 localstorage 中以便下次使用.

 

路线规划

 

- 同样需先申请 API Key，然后在页面中引入高德地图 API JS 文件 。

- 使用 Amap.DragRoute 类来实现路线规划，先定义路线的起点、途经点和终点等信息，如 let path = line.paths.map (item => item.position) ，再通过 new AMap.DragRoute(map, path, AMap.DrivingPolicy.LEAST_FEE, {...}) 创建路线规划实例，其中可设置始点、结点、途经点的图标等参数.

- 监听 complete 事件获取规划好的路线数据，如距离、行驶时间等信息.

 

地理编码与反编码

 

- 申请 API Key 后，地理编码的服务地址是https://restapi.amap.com/v3/geocode/geo?parameters，其中 parameters 需替换为具体参数，如 key=您的key&address=要查询的地址 ，多个参数用 & 连接.

- 反地理编码的服务地址是https://restapi.amap.com/v3/geocode/regeo?parameters，参数 location 为必选，格式为 经度,纬度 ，也需加上 key 参数，如 https://restapi.amap.com/v3/geocode/regeo?key=您的key&location=116.397477,39.908692 .