MapboxRain

View source
为地图添加降雨效果,options 透传 mapbox rain 规格。

简介

MapboxRain 调用 setRain 为地图添加降雨效果,options 透传 mapbox rain 规格(density/intensity/color 等),省略用默认雨效。

setRain 为 mapbox 实验性 API,需 v3 样式(如 standard),未来版本可能变更。

用法

倾斜视角下叠加降雨:

<template>
  <div class="h-115 w-full overflow-hidden rounded-(--ui-radius) border border-default">
    <MapboxMap
      :options="{
        style: 'mapbox://styles/mapbox/standard',
        center: [116.391, 39.908],
        zoom: 16,
        pitch: 60
      }"
    >
      <MapboxRain :options="{ density: 0.5, intensity: 1, color: '#a8b3c4' }" />
    </MapboxMap>
  </div>
</template>

API

Props

Prop Default Type
optionsmapboxgl.RainSpecification

降雨效果选项;缺省 {} 使用默认雨效

Changelog

No recent changes
Copyright © 2026 - 2026 YiXuan - MIT License