mapboxgl中style的规范属性:transition

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

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

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

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

你可能感兴趣的:(前端,mapbox)