Блог

Я внедряю полноэкранную функцию. Мне нужно переключить кнопку полноэкранного режима в следующих 2 сценариях

1. Когда полноэкранный режим ложен, мне нужно удалить кнопку «полноэкранный режим(согласно коду)» на карте. Что работает должным образом.
2. Когда полноэкранный режим включен, мне нужно отобразить кнопку «выход из экрана(согласно коду)» на карте. Что не работает.

Я добавил код, который я пробовал.

 const fullscreen = document.createElement('span'); fullscreen.innerHTML = 'lt;img src="fullscreen.png" width="20" height="20"gt;'; document.addEventListener('change', (event) =gt; { if(document.fullscreenElement){ fullscreen.innerHTML = 'lt;img src="fullscreen" width="20" height="20"gt;';  }else{  fullscreen.innerHTML = 'lt;img src="exitfullscreen.png" width="20" height="20"gt;';  } })  

Вы должны определить два элемента span, и OpenLayers будет использовать правильный в зависимости от статуса

 const fullscreen = document.createElement('span'); fullscreen.innerHTML = 'lt;img src="fullscreen.png" width="20" height="20"gt;';  const exitfullscreen = document.createElement('span'); exitfullscreen.innerHTML = 'lt;img src="exitfullscreen.png" width="20" height="20"gt;';  new ol.control.FullScreen({  label: fullscreen,  labelActive: exitfullscreen, })