风场（WindLayer）

示例

示例源码

<template>
  <div style="height: 400px" class="map-dark-bg">
    <mb-map :zoom="2">
      <mb-wind-layer
        :image="__RESOURCE_URL__ + 'wind/2016112200.png'"
        :wind-min="[-21.32, -21.57]"
        :wind-max="[26.8, 21.42]"
        :wind-range="[360, 170]"
        :wind-origin="[0, 85]"
        :wind-res="1"
      />
    </mb-map>
  </div>
</template>

<script setup lang="ts"></script>

API

PROPS

名称	描述	类型	默认值
id	图层Id	string	-
image	图片路径	string	-
wind-max	-	number[]	-
wind-min	-	number[]	-
wind-origin	-	number[]	-
wind-range	-	number[]	-
wind-res	-	number[]	-
drop-rate	-	number	0.003
drop-rate-bump	-	number	0.01
fade-opacity	-	number	0.998
particles-number	粒子数量	number	256 * 256
ramp-colors	颜色	IndexAny	{ 0.0: "#6fb9e6", 0.1: "#8ac4e6", 0.2: "#abdda4", 0.3: "#e6f598", 0.4: "#fee08b", 0.5: "#fdae61", 0.6: "#f46d43", 1.0: "#d53e4f", }
speed-factor	速度因子	number	0.15

EVENTS

名称	描述	参数
created	初始化完成事件	-

SLOTS

名称	描述

METHODS

名称	描述	定义