gd-cesium-maplib 使用说明

1.组件安装

# 安装组件
npm install gd-cesium-maplib -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'
import 'gd-cesium-maplib/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>
    <oneMap :drop-plot-data="dropPlotData"/>
  </div>
</template>
dropPlotData: {
  toolStatus: 1, // 落图工具操作状态 0 新增落图, 1 编辑初步落图小区 2查看确认落图小区
  wybh: '4403040030060013', // 物业编号
  parcelNo: 'H407-0116', // 宗地号，新增小区填写的宗地号
}

Customize configuration

See Configuration Reference.