water fill

几何体图层支持特殊的表现形式，水面图层。

实现

下面我们来介绍如何绘制水面。

• 你可以在 L7 官网上找到在线案例

🌟 从 v2.8.1 版本开始支持简单水面。
🌟 从 v2.8.4 版本开始支持拟真水面。

拟真水面

source

几何体图层推荐使用标准的 GeoJSON 数据。

shape

我们需要设置 shape 为 ocean。

animate

我们需要显示的设置 animate 为 true。

layer.aniamte(true);

style

• watercolor 浅水区域的颜色 默认为 ‘#6D99A8’。

• watercolor2 深水区域的颜色 默认为 ‘#0F121C’。

在线案例

简单水面

source

几何体图层推荐使用标准的 GeoJSON 数据。

shape

我们需要设置 shape 为 water。

animate

我们需要显示的设置 animate 为 true。

layer.aniamte(true);

style

• speed 我们可以通过 speed 来控制水面的流速度。

style({
  speed: 0.5,
});

• waterTexture 我们可以通过设置该属性来替换水面的纹理。
  默认值是 ‘https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*EojwT4VzSiYAAAAAAAAAAAAAARQnAQ’

在线案例