vue baidu map【自用】

<comment>
 需求描述（2019/10/24）
    广州市南沙区水务局BI大屏一张图定制化需求：
    1、当前地理信息一张图是通过在线调用百度地图实现（在线地图），由于该项目属于地下管网施工，若基于该地图（在线或离线），参照将各施工区段设计图纸（CAD图）在地图上以简单的线段来标记于在线地图之上，并满足可以以将这些线使用不同颜色来表示已完工、正在施工、未施工（绿、黄、红）
    2、若上述方法评估之后行不通，通过购买第三方公司高清航拍GIS图（离线或静态），替换掉当前地图应用方式，并且可支持比例放大和缩小，同理将各施工区段设计图纸（CAD图）在地图上以简单的线段来标记于在线地图之上，并满足可以以将这些线使用不同颜色来表示已完工、正在施工、未施工（绿、黄、红）
开发时间 2019/10/24
开发者 lbh
</comment>
<template>
  <div id="Map" :class="mapStyle.style">
    <baidu-map
      :continuous-zoom="true"
      @zoomend="zoomEnd"
      @click="mapClick"
      class="bMap"
      :center="mainData.city"
      :zoom="mainData.zoom"
      @ready="initMap"