乐趣区

mapboxgl中style的规范属性transition

transition这个规范主要是用来控制地图样式改变的时间;
它有两个属性:
durantion过渡时间。默认值是 0,单位是毫秒。表示属性值改变后,地图上样式在该时间内过渡到最终值。

delay:延迟时间。默认值是 0,单位是毫秒。表示当样式属性值改变后,延迟多少毫秒再进行地图样式渲染。

可以类比 css3 中的动画属性 transition-durationtransition-delay

举个例子:
`transition:{
   durantion:3000,
   delay:1000
}`
当改变地图的样式属性时,如面图层的 fill-color, 之前是 #000,改变成#fff, 则设置完后,会延迟 1 秒,面图层的填充颜色开始改变,并在 3 秒钟之内过渡到白色. 即 4 秒钟后,面图层的填充颜色才会彻底变成白色。

退出移动版