Mapbox GL JS - убрать затухание во время наложения изображения - PullRequest
Новая
       32

Mapbox GL JS - убрать затухание во время наложения изображения

0 голосов
/ 13 октября 2018

В настоящее время я работаю с наложениями изображений (.gif) в Mapbox GL JS, чтобы предоставить данные метеорологического радара.Мне нужно установить цикл, чтобы показывать изображения в движении, но наложения изображений имеют эффект «постепенного появления», и я бы хотел, чтобы это исчезло.Как я могу удалить это так, чтобы изображения просто включались и выключались как можно быстрее, без выцветания или исчезновения?Я не могу найти это в документации API, но, возможно, я как-то пропустил это.

Редактировать: Для ясности, я просто спрашиваю, как убрать эффекты затухания - не как зацикливать это или что-то еще - я могу сделать это позже.

Мой код для добавления оверлея и источника (который производит эффект затухания по умолчанию) в настоящее время: 

topleftmapbox.addSource("source_KEWX_L2_CC", {
"type": "image",
"url": "images/KEWX_L2_CC.gif",
"coordinates": [


[-102, 33],  
[-94, 33],   
[-94, 26], 
[-102, 26]          

]
})




topleftmapbox.addLayer({
"id": "overlay_KEWX_L2_CC",
"source": "source_KEWX_L2_CC",
"type": "raster",
"raster-opacity": 0.9,
"layout": {"visibility": "visible"},
}, firstSymbolId)
}

1 Ответ

0 голосов
/ 13 октября 2018

Вам необходимо изменить свойство raster-fade-duration: 

topleftmapbox.addLayer({
  "id": "overlay_KEWX_L2_CC",
  "source": "source_KEWX_L2_CC",
  "type": "raster",
  "paint": {
    "raster-opacity": 0.9,
    "raster-fade-duration": 0
  },
  "layout": {"visibility": "visible"},
}, firstSymbolId)

PS И да, я рекомендую использовать canvassource для анимации.

...