MapboxRain
为地图添加降雨效果,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 |
|---|---|---|
options | mapboxgl.RainSpecification降雨效果选项;缺省 {} 使用默认雨效 |
Changelog
No recent changes