mapgis-3d-ponding-simulation

# 属性

# pondingTime

  • 类型: Number
  • 可选
  • 侦听属性
  • 默认值: 24
  • 描述: 积水仿真组件的积水上涨时间,单位为秒。

# multiSpeed

  • 类型: Number
  • 可选
  • 侦听属性
  • 默认值: 1
  • 描述: 积水仿真组件倍速播放的倍速大小,默认是 1 倍速播放。

# rainFallDaily

  • 类型: Number
  • 可选
  • 侦听属性
  • 默认值: 36
  • 描述: 积水仿真组件的日降雨量,单位毫米,默认是 36,范围 0-2000。

# pondingPanelShow

  • 类型: Boolean
  • 可选
  • 默认值: false
  • 描述: 积水仿真组件面板显隐,默认是 false,默认隐藏。

# pondingArea

  • 类型: Object
  • 可选
  • 默认值:
  • 描述: 积水仿真组件的模拟仿真区域,由坐标参数传入。输入区域类型包含"polygon"、"rectangle"、"circle"。详细参数要求如下:
  • 输入区域为多边形"polygon"时参数要求(需为经纬度坐标,传入坐标需闭合):
    • pondingArea: {
    • type: "polygon",
    • coordinates: [
    •  [121.10911760510515,24.111592873583877,0],
      
    •  [121.09912766988694,24.10699704552568,0],
      
    •  [121.09331791337927,24.10068226891116,0],
      
    •  [121.10225878938968,24.101212455382665,0],
      
    •  [121.10911760510515,24.111592873583877,0]
      
    • ],
    • },
  • 输入区域为矩形"rectangle"时参数要求(需为经纬度坐标,只需传入左上和右下两点坐标):
    • pondingArea: {
    • type: "rectangle",
    • coordinates: [
    •  [121.0936741922885, 24.109364989571024],
      
    •  [121.11004105293685, 24.099987666838317],
      
    • ],
    • },
  • 输入区域为圆形"circle"时参数要求(圆心需为经纬度坐标,半径单位为 m):
    • pondingArea: {
    • type: "circle",
    • radius:700,
    • center: [121.10698076743799,24.105556491755227],
    • },

# drainageVolOfArea

  • 类型: Number
  • 可选
  • 侦听属性
  • 默认值: 0
  • 描述: 积水仿真组件区域排水体积(m³),默认是 0,范围 0-100。

# rainAngle

  • 类型: Number
  • 可选
  • 侦听属性
  • 默认值: 30
  • 描述: 积水仿真组件降雨角度,默认是 30。

# 事件

# @loaded

  • Description: 在 积水仿真组件 加载完毕后发送该事件
  • Payload 积水仿真组件对象

# @unload

  • Description: 在 积水仿真组件 销毁时发送该事件
  • Payload 积水仿真组件对象

# @isPonding

  • Description: 在 积水仿真状态切换(开始积水仿真、停止积水仿真)时发送该事件
  • Payload 积水仿真状态(是否在进行积水仿真) 布尔值

# 积水仿真时间轴

mapgis-3d-ponding-simulation-timeline

注意:由于三维底层支持原因,目前不支持积水仿真在分析过程中的停止功能。

# 属性

# value

  • 类型: Number
  • 可选
  • 侦听属性
  • 默认值: 0
  • 描述: 积水仿真时间轴组件滑动条数值的大小。

# isPlaying

  • 类型: Boolean
  • 可选
  • 侦听属性
  • 默认值: false
  • 描述: 积水仿真时间轴组件的播放状态。

# width

  • 类型: Number
  • 可选
  • 默认值: 560
  • 描述: 积水仿真时间轴组件的宽度,单位为 px。

# resetSpeedVal

  • 类型: Number
  • 可选
  • 默认值: 1
  • 描述: 积水仿真时间轴组件点击重置按钮后的倍速值。

# speedStep

  • 类型: Number
  • 可选
  • 默认值: 1
  • 描述: 积水仿真时间轴组件倍速的步长值。

# 事件

# @updateSpeed

  • Description: 在 积水仿真时间轴组件的倍速选项被更改时 发送该事件
  • Payload 当前积水仿真时间轴组件的倍速数值大小

# @updateTime

  • Description: 在 积水仿真时间轴组件改变了积水上涨的时间时 发送该事件
  • Payload 当前积水仿真时间轴组件更改的积水上涨时间的大小(秒)

# @play

  • Description: 在 积水仿真时间轴组件点击播放按钮时 发送该事件

# 示例

<template>
  <mapgis-web-scene style="height: 100vh" v-on:load="handleLoad">
    <mapgis-3d-raster-layer :url="rasterUrl" />
    <mapgis-3d-igs-terrain :url="terrainUrl" />
    <mapgis-3d-ponding-simulation
      ref="simulation"
      @isPonding="
        (e) => {
          pond = e;
        }
      "
      @updateValue="
        (e) => {
          sliderValue = e;
        }
      "
      :pondingTime="time"
      :multiSpeed="mltSpeed"
      style="position: absolute; top: 10px; left: 10px;background:#fff"
    />
    <mapgis-3d-ponding-simulation-timeline
      :value="sliderValue"
      :pond="pond"
      @updateTime="
        (e) => {
          time = e;
        }
      "
      @updateSpeed="
        (e) => {
          mltSpeed = e;
        }
      "
      @play="addSimulation"
      style="position: absolute;bottom: 30px; right: 50%;margin-right:-280px;"
    />
  </mapgis-web-scene>
</template>

<script>
export default {
  data() {
    return {
      terrainUrl: "http://192.168.21.191:6163/igs/rest/g3d/武汉地形",
      rasterUrl:
        "http://t4.tianditu.com/DataServer?T=img_w&L={z}&Y={y}&X={x}&tk=2ddaabf906d4b5418aed0078e1657029",
      maximumScreenSpaceError: 8,

      //ponding-simulation
      time: undefined,
      pond: undefined,
      sliderValue: undefined,
      mltSpeed: undefined,
    };
  },
  methods: {
    addSimulation() {
      this.$refs.simulation.addSimulation();
    },
  },
};
</script>