0.1.2 • Published 2 years ago

mycomponments v0.1.2

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

mycomponments

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

数据传递 props

1. 初始数据:intArr,默认[],格式:[
    // { address: "重庆市人民政府", name: "标记点1", type: "point", value: { latitude: 29.5629, longitude: 106.549571 } },
    // { address: "聚兴大厦", name: "标记点2", type: "point", value: { latitude: 29.559503, longitude: 106.549271 } },
    // {
    //   name: "范围区域1", type: "range", rangePoint: [{ address: "龙湖重庆春森星悦荟", location: [106.544701, 29.570276] }, { address: "江北区观音桥消防救援站", location: [106.543875, 29.569651] }],
    //   value: [{ latitude: 29.573202, longitude: 106.538714 }, { latitude: 29.573724, longitude: 106.545838 }, { latitude: 29.567379, longitude: 106.539186 }, { latitude: 29.569357, longitude: 106.550902 }]
    // },
    // {
    //   name: "范围区域2", type: "range", rangePoint: [{ address: "龙湖重庆", location: [106.562558, 29.568697] }, { address: "观音桥消防救", location: [106.56185, 29.567465] }],
    //   value: [{ latitude: 29.56203, longitude: 106.566985 }, { latitude: 29.573702, longitude: 106.56314 }, { latitude: 29.567587, longitude: 106.55326 }]
    // }
  ]

2.初始地图中心点:
center:默认[106.55073, 29.56471]

3.标记点信息背景颜色:在地图上点击后,再点击右下角生成标记点,即可生成标记点。单击修改maker信息名称,双击删除点。
makerPointColor:默认"red"

4.范围标记点背景颜色:
rangePointColor:默认"orange"

5.标记点图标:
iconPath :默认在公共文件引入 import iconPath from '../../public/images/zb.png';

6.范围中心覆盖点颜色:编辑多边形的时候在多边表区域内点击,可生成多边形内的覆盖点。单击修改maker信息名称,双击删除点。
centerPointColor:默认"green"

7.范围覆盖物标记点图标:
iconPath2 :默认为空,用的是高德默认图标;

8.多边形背景颜色:在地图上点击至少3个坐标点后,再点击右下角生成范围,即可生成范围。
centerPointColor:默认"#2b83f9"

9.提交数据方法
@update :  //this.$emit("update", this.subArr);