我们如何禁用符号淡出,淡出效果?

时间:2018-02-01 08:29:53

标签: mapbox fadein fadeout mapbox-gl-js

  1. 示例网站
  2. https://www.mapbox.com/mapbox-gl-js/example/toggle-layers/
  3. 预期行为

    我们如何在mapboxgl中禁用淡入,淡出效果?

    enter image description here

2 个答案:

答案 0 :(得分:1)

我认为你所描述的“淡入,淡出”效果是由一个定义如下的图层引起的:

"icon-opacity": {
    "stops": [[12, 0], [13, 1]]
}

就是这样。在缩放12处,它是0不透明度,在缩放13处,它是1个不透明度,在12.5处,它是0.5 - 看起来半透明。

有几个修复:

  • "minzoom": 13使得它根本不会出现在缩放13以下(所以没有褪色)
  • 像这样重新定义不透明度道具,因此没有半透明区域:

"icon-opacity": { "stops": [[12.9, 0], [13, 1]] }

  • 添加"type": "interval",因此没有插值

据我所知,这对您来说是标准风格(Mapbox Streets)的一个问题,因此您必须创建该风格的自定义版本。

答案 1 :(得分:1)

除了史蒂夫关于因不透明度​​的缩放功能而导致衰落的答案。当符号出现时发生的淡入和淡出应该能够通过全局或每层的过渡属性来控制。见https://www.mapbox.com/mapbox-gl-js/style-spec/#root-transition