天气预报接口调用方法（天气预报接口调用方法js）

1.

SDK

在Vue项目中，我们可以

npm

管理工具来

SDK。首先在命令行中打开项目目录，运行以下命令：

 npm install --save @amap/amap- js api - loader 

2. 加载

在Vue组件的mounted生命周期函数中，我们可以

@amap/amap-

-

中提供的load函数来加载

：

 import { Loader } from '@amap/amap- js api - loader ';  export default { mounted() {  Loader .load({ key: 'your-amap- api -key', version: '2.0', plugins: ['AMap.Geocoder'], }).then(() => { // 高德地图 JS API 已经加载完毕 }); }, }; 

需要注意的是，这里的key参数需要替换成你自己的

Key。

3.

纠偏

当

加载完毕后，我们就可以

AMap.Driving对象的search方法来获取某一段地图点位的纠偏结果：

 import { Loader } from '@amap/amap- js api - loader ';  export default { mounted() {  Loader .load({ key: 'your-amap- api -key', version: '2.0', plugins: ['AMap.Geocoder'], }).then(() => { const driving = new AMap.Driving({ policy: AMap.DrivingPolicy.LEAST_TIME, });  driving.search([ { keyword: '起点地址' }, // 起点坐标 { keyword: '终点地址' }, // 终点坐标 ], (status, result) => { if (status === 'complete' && result.info === 'OK') { const path = result.routes[0].path; // 纠偏后的路径点位 // ... } }); }); }, }; 

这里需要注意的是，search方法的第一个参数是一个数组，里面

含两个坐标点，分别为起点和终点的地址或经纬度数组。对于需要纠偏的路径，我们可以通过AMap.Driving对象的search方法来获取纠偏后的路径点位，然后进行其他的操作。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/34650.html