Getting Started

npm i df-cesium-application

Basic usage:

import { createDfCesiumApplication, ShapeBaseConfig } from "df-cesium-application";

let dfCesiumApplication = null

createDfCesiumApplication({
    defaultAccessToken:'xxx',     // cesium Token
    container:'cesiumContainer',  // cesium 绑定的DOM节点ID
    mapType：'GAUDMAP'            // 地图瓦片载入的数据源
                                 // GAUDMAP 高德 TDTMAP // 天地图 // PRIVATEMAP // 私有地图
    mapSecretkey:''              // 地图秘钥

    // cesium 实例化Viewer的参数（可参考cesium 文档取值）
    options：{
        animation: false, //动画控制不显示
        ...
    },

    // 地图事件回调
    handlerCallBack:(type, params)=>{

        type:'SELECT_SHAPE'   鼠标选中设备
              LEFT_DOWN  鼠标左键按下事件
              MOUSE_MOVE  鼠标移动事件
              LEFT_UP  鼠标松开事件
              LEFT_CLICK  鼠标点击事件
              LEFT_DOUBLE_CLICK  鼠标双击事件

        params:携带参数



    },

    // 地图瓦片监听回调，当瓦片加载完毕后会自动触发
    mapRenderOverCallBack:()=>{

    },

     // 摄像机位置change 回调  height:高度
    cameraHeightChange:(height)=>{

    }


}).then((res) => {
      dfCesiumApplication = res
      console.log(dfCesiumApplication);
 });

// 初始化附地图上面的设备
dfCesiumApplication.initShapeList（shape）

// 无感定位 params:{longitude:0,latitude:0,height:0}
dfCesiumApplication.setPositionViewer(params)

// 飞行定位 params:{longitude:0,latitude:0,height:0}
dfCesiumApplication.setPositionByFly(params)

// 获取当前选中的设备
dfCesiumApplication.getSelectShapes()

// 创建设备
dfCesiumApplication.createShape(key, params)

    key: STATIC_LINE 非变形线段
         ACTIVE_RECTANGLE：跟随鼠标动态绘制矩形
         ACTIVE_LINE：跟随鼠标动态绘制线段
         ACTIVE_CIRCULAR：鼠标绘制圆
         ACTIVE_POLYGON：跟随鼠标动态绘制多边形
         ACTIVE_CUTTING：跟随鼠标动态绘制裁剪
         ACTIVE_BILLBOARD：跟随随表绘制图标图形
    params =new ShapeBaseConfig(age)


// 删除设备-只更新视图
dfCesiumApplication.shapeDeleteDraw(id)

// 删除设备-更新视图和shapeList
dfCesiumApplication.removeShape(id)

// 获取shapeList中所有设备
dfCesiumApplication.getAllShapes()

// 获取多边形设备内部的设备（图标设备和连接线）
dfCesiumApplication.getPolyGonIncludeShapes（）

// shapeList添加暂存区
dfCesiumApplication.pushSync()

// 撤销-shapeList
dfCesiumApplication.undoOperate()

// 还原-shapeList
dfCesiumApplication.redoOperate()

// 禁止地图移动
dfCesiumApplication.mapMoveDisabled()

// 释放地图移动
dfCesiumApplication.mapMoveEnabled（）

// 切换矢量地图
dfCesiumApplication.switchVecImageryLayer（）

// 切换影像地图
dfCesiumApplication.switchImgImageryLayer()

// 获取屏幕中心点坐标和经纬度
dfCesiumApplication.getViewScreenCenterPosition()

其他高级功能如创建自定义任务等请联系做作者！！！