resopp-resource-sdk v1.2.41-cesium07

resopp-resource-sdk

视频联动与配置 SDK

目录结构

resopp-resource-sdk
├─ babel.config.js
├─ package
│  ├─ config
│  ├─ package.json
│  ├─ public
│  ├─ scripts
│  └─ src
│     ├─ App.js
│     ├─ assets
│     ├─ components
│     ├─ exports
│     ├─ index.jsx
│     ├─ service
│     └─ utils
├─ package.json
├─ rollup.config.js
└─ src
   └─ index.jsx

sdk 打包

  cd package
  npm run build
  cd ..
  npm run build

安装依赖

'antd',
'@ant-design/icons',
'react',
'react-dom',
'lodash',
'classnames',
'crypto-js/sha256',
'axios',
'qs',
'js-cookie'

引用 sdk 中地图巡游模块

npm i resopp-resource-sdk
import { Cruise } from 'resopp-resource-sdk';
import 'resopp-resource-sdk/dist/css/index.css';

<Cruise map={map} />

引用 sdk 完整模块

  npm i resopp-resource-sdk
  import ResoppResourceSDKPage from 'resopp-resource-sdk';
  import 'resopp-resource-sdk/dist/css/index.css';

  /**
   ** 参数说明
   ** sceneCode 场景编号
   ** mode 模式 edit | render  默认为render
   ** mode=render时，已发布的场景可渲染
   ** mode=edit时，未发布、已发布的场景均可渲染
  **/

  <ResoppResourceSDKPage sceneCode="XX"/>

注意事项

  1.GIS引擎需引用新版本，否则测量工具有bug

对外暴露的 MapApi

 暴露的实例为：MapApi
 地图实例对象为：MapApi.map
 下面是MapApi内的方法函数

//绘制多边形 参数：options对象  同new YunliMap3D.PolygonEntity()一致
drawPolygon({...options})

//绘制线 参数：options对象 同new YunliMap3D.PolylineEntity()一致
drawLine({...options})

//绘制Marker 参数：options对象 同new YunliMap3D.Marker()一致
drawMarker({...options})

//地理围栏 参数：options对象 同new YunliMap3D.GeoFencingEntity()一致
drawGeoFencing({...options})

//文本标记 参数：options对象 同new YunliMap3D.Text()一致
drawText({...options})

//信息窗体 参数：options对象 同new YunliMap3D.InfoWindow()一致
drawInfowindow({...options})

//轨迹动画 参数：options对象 同new window.YunliMap3D.Animation()一致
drawAnimation({...options})

//加载内置图层或倾斜摄影
let options={
    layer:'layer', //默认layer，非layer表示倾斜摄影
    layerCode:'内置图层code', //加载默认图层时要传
    layerUrl:'倾斜摄影地址', //加载倾斜摄影的地址，与layerCode二选一
    show:true, //是否显示，默认true
    bottomAltitude:0, //倾斜摄影高度，默认0
    maximumLevel:18, //内置图层加载最大层级，默认18
}
loadLayer({...options})

//发光垂直飞线 参数：options对象 同new window.YunliMap3D.VerticalLineGlow()一致
createVerticalLine({...options})

//加载arcGisLayer图层 参数：图层url
loadArcGISLayer(url)

//轨迹飞线 参数：options 同new YunliMap3D.RoutePath()
drawRoutePath({...options})

//轨迹飞线（发光） 参数：options 同new YunliMap3D.FlowLineGlow()一致
createFlowLineGlow({...options})

//发光扩散雷达 参数：options 同 new YunliMap3D.CircleWaveGlow()
drawRadar({...options})

//扩散圆柱 参数：options 同new YunliMap3D.SpreadCylinder()
drawSpreadCylinder({...options})

//彩虹飞线 参数：options 同 new YunliMap3D.RainbowLine()
drawRainbowLine({...options})

//加载wms图层 参数options {url:'wms图层地址',layers:'图层code',zIndex:'层级'}
loadWms({...options})

//存储在地图上绘制的元素
/**
    data:[] 存储的数据
    key:'' key标识
    insertType:'append' 默认append模式，此模式下为追加元素，相当于push(data)
**/
setMapLayers(data, key, insertType = 'append')

//根据key获取对应的图层对象 默认op='eq'返回单个元素
getMapLayer(key,op='eq')

//清除地图覆盖物 根据存储时的key值清除
clearMap(key)

//地球自转效果  map:地图实例 config：配置项，可配置zoom
earthRotation(map,config={})