saga-map v1.2.0

persagy_map

这是一个平面图组件；方便展示楼层平面图，业务空间，设备等并做相关的前端交互

how to use?

1按照依赖包

//1.将npm指向npm-saga
npm config set registry http://dev.dp.sagacloud.cn:8082/repository/npm-saga/

//2.登陆npmsaga(会自动弹出username;Password ；均输入:saga)
npm login --registry = http://dev.dp.sagacloud.cn:8082/repository/npm-saga/

//3 Email: (this IS public) npm@sagacloud.cn

// 下载相关依赖包

npm install --save "persagy-map"

2引入相关组件

将组件包扔到你的项目assert文件夹中

import floorMap from '@/assert/persagy_map' //取决与你存放的路径

3 输入平面图资源的key值；

注：该key值必须在相应的资源服务器上存在对应的资源，否则无法绘制图形

<floorMap :datakey="132465.jsonp"></floorMap>

Options

outline 配置

ouline 是isSpaceDetail = ture 需要展示空间详情时的必选选项 outline为数组 以下为数组中item对象的配置 Property | Description | type |default ---|---|---|--- outLine | 轮廓线数组 | Array | true spaceName | 空间id | string| "" spaceId | 空间名称 | string| "" borderColor | 边框颜色 | string| "" bacColor | 空间类型颜色 | string| "" selectBorderColo | 选中（或hover）边框颜色 | string| "" selectBacColor | 选中（或hover）空间类型颜色 | string| ""

注：罗廓线 outLine 对象中是后端传过来的轮廓参数，此轮廓参数为string类型，需要经过JSON.parse() 之后对其遍历后的item则为我们需要的outLine

示例代码

      //this.Ichnography 为接口返回的罗廓线参数需要json.parse()转换为数组
      const outLineList = JSON.parse(this.Ichnography)
      // outline 为需要传入的数组
      let outline = [];
      //需要轮廓线数组进行循环（注：一个空间内可能由数个小空间组成）
      outLineLIst.forEach((res) => {
        outline = [
          {
            outLine: res,
            spaceId: this.baseSpacedata.spaceName,
            spaceName: '', // 本地名称
            bacColor: "#F0F3F7", // 背景颜色
            borderColor: "#E4E5E7", // 边框颜色
          },
        ];
      });
      // outline为轮廓线想要的参数
    },

floorList 配置

floorList 当hasMapNav = ture 需要展示空间详情时的必选选项 floorList 以下为数组中item对象的配置 Property | Description | type |default | require ---|---|---|---|--- flloroName | 楼层名称 | string | '' | true floorId | 楼层id | string| "" | true floorMap | 空间底图key | string| ""|true

businessList 配置

ouline 是isSpaceDetail = ture 需要展示空间详情时的必选选项 outline为数组 以下为数组中item对象的配置 Property | Description | type |default ---|---|---|--- outLine | 轮廓线数组 | Array | true spaceName | 空间id | string| "" spaceId | 空间名称 | string| "" borderColor | 边框颜色 | string| "" bacColor | 空间类型颜色 | string| "" selectBacColor | 高亮的背景颜色 | string | '' selectBorderColor | 高亮的边框颜色 | string | '' 注：罗廓线 outLine 对象中是后端传过来的轮廓参数，此轮廓参数为string类型，需要经过JSON.parse()

equipmentList 配置

ouline 是isSpaceDetail = ture 需要展示空间详情时的必选选项 outline为数组 以下为数组中item对象的配置 Property | Description | type |default ---|---|---|--- imgSource | 图标logo 引入方式 require(url) | string | '' spaceId | 空间id | string| "" spaceName | 空间名称 | string| "" borderColor | 边框颜色 | string| "" bacColor | 空间类型颜色 | string| "" bimLocation | 坐标点 （"32077.11,28320.9,53800.0"） | string| "" 注：坐标点 bimLocation是后端传过来的坐标参数，此参数为string类型；

Functions