Gd-cesium-maplib-bt NPM

gd-cesium-maplib 使用说明

1.组件安装

# 安装组件
npm install gd-cesium-maplib-bt -S
# 安装所需依赖 
npm install vue axios element-ui js-base64 -S

2.Cesium态资源包处理

把态资源包Cesium包拷贝到项目工程的静态目录public下。

3.引入Cesium包及CESIUM_BASE_URL

修改项目工程的index.html文件，加入以下代码：

<script src="./Cesium/Cesium.js"></script>
<script>window.CESIUM_BASE_URL = './Cesium'</script>

4.注册组件

import GdCesiumMaplib from 'gd-cesium-maplib-bt'
import 'gd-cesium-maplib-bt/index.css'
// 注册element-ui组件库
import ElementUI from 'element-ui'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(GdCesiumMaplib)
Vue.use(ElementUI, { zhLocale })

5.使用组件

在需要使用组件的vue文件里直接使用oneMap组件,并传入所需参数：

<template>
  <div>
    <oneMapBT :drop-plot-data="dropPlotData"/>
  </div>
</template>
dropPlotData: {
  toolStatus: 2, // 落图工具操作状态 0-新增落图 1-根据物业编号修改小区现有图斑 2-根据物业小区编号查看落图(多个用,隔开) 3-勘误标记 4-根据任务号修改落图(审批修改，编辑修改) 5-根据任务号查看图形 6-拆分图形(传拆分前物业编号，任务号) 7-拆分查看(拆分前物业编号,拆分的任务号) 8-合并图形(合并前物业编号,多个用 , 隔开 任务号) 9-合并查看(合并前物业编号,多个用 , 隔开 合并任务号) 10-勘误申请(物业小区编号，任务号) 11-勘误查看(物业小区编号，任务号)
  xmbh: '1044030501000831,1044030501001930', // 物业编号 1044030501000831 1044030501001930
  parcelNo: 'T203-0071', // 宗地号，申请单中填写的宗地号
  userid: '1466701741149945858', // 用户ID
  taskNo: '001', // 任务号
  wyqymc: '彩田医院宿舍', // 小区名称
  dz: '福田区彩田路', // 小区地址
  sqcode: '440304003004', // 社区编号
  xzqy: '福田区/福田街道/福民社区' // 行政区域
}