gd-cesium-maplib-bt
v1.1.4
Published
国地科技地图组件库(对接保泰)
Downloads
96
Readme
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: '福田区/福田街道/福民社区' // 行政区域
}