# gaodeRoutePlanning

**Repository Path**: zrlzwd/gaodeRoutePlanning

## Basic Information

- **Project Name**: gaodeRoutePlanning
- **Description**: 在uniapp中使用高德的api进行路线规划
- **Primary Language**: JavaScript
- **License**: MulanPSL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2020-07-25
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 使用方法
- 0.请修改lyn4ever-gaode.js中的第一行代码中的高德key,请不要使用作者的
> 如何申请高德key，请参照 [地图插件配置](https://ask.dcloud.net.cn/article/29)

- 1.在页面中引入高德和我定义的两个js文件

```javascript
	import Amap from '@/js/lyn4ever-gaode.js';
```

- 2.在页面中写上map组件

```html
	<map style="width: 100vw; height: 100vh;" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline">
	</map>
```
- 3.页面的属性如下：

```javascript
	data() {
		return {
			longitude: 108.921672,
			latitude: 34.250646,
			markers: [],
			polyline: []
		}
	},
```

- 4.调用对应的方法得到坐标，然后赋值给页面变量就可以了
示例代码：

```javascript
	let that = this;
	var startPoi = "108.921672,34.250646";
	var wayPoi =
		"108.936799,34.245842;108.973306,34.244767;109.013335,34.249303";
	var endPoi = "109.033673,34.252884";
	
	Amap.line(startPoi, endPoi, wayPoi,function(res){
		that.polyline.push(res)
	});

	Amap.markers(startPoi,endPoi,wayPoi,function(res){
		that.markers.push.apply(that.markers,res)
	})
```
## 预览
- 仔细看上边的插件配置指南这一章，如果想在手机端预览，请打包为自定义调试基座，然后注意包名



## 修改代码
在lyn4ever-gaode.js中的代码做了部分提示，自行修改