vue 百度地图 修改折线颜色，添加icon和文字标注

百度地图 折线修改颜色，添加icon和文字标注

项目场景：
以折线的形式展示BD签到路径，每条折线代表不同BD的签到，并且每条折线颜色不同（这里是8个颜色，循环设置），标注文字为依次签到的地点数量；

说明：原本我打算全部用Vue集成的 vue-baidu-map来实现，但是后面开发过程中，发现修改折线颜色、添加icon和文字比较困难，所以改用了原生 BMap来实现。

具体步骤：

1、安装依赖

npm install vue-baidu-map --save

2、引入需要的组件

import {
    BaiduMap, BmNavigation } from 'vue-baidu-map/components';

3、模板中使用组件

<baidu-map
	class="bm-view"
    :ak="mapAk"
    :center="center"
    :zoom="zoom"
    :scroll-wheel-zoom="scrollZoom"
    NavigationControlType="BMAP_NAVIGATION_CONTROL_LARGE"
    @ready="mapReady">
    <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"/>
</baidu-map>

4、data中定义数据
1）基础数据

2）colorList：存放折线的颜色和标注icon

3）mapList：存放坐标点数据

mapList: [
	[
		{
    lng: 116.404, lat: 39.915 },
		{
    lng: 116.403, lat: