如何使用HERE Maps API Javascript添加自定义全屏控制行为

enyaitl3  于 2022-12-17  发布在  Java
关注(0)|答案(1)|浏览(145)

是否可以使用Here Maps API Javascript拦截全屏控件的默认行为?

我想防止自定义全屏行为时,你按下控制,而不消除用户界面。如果用户点击控制Map将增加在一个容器内的大小,而不是如下图所示。

预先感谢您的宝贵意见。

lyr7nygr

lyr7nygr1#

我认为这个问题与HERE API无关,而是与Javascript本身有关。
我在https://www.w3schools.com/howto/howto_js_fullscreen.aspFailed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture上找到了解决方案
测试的简单代码:

function openFullscreen(elem) {
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.webkitRequestFullscreen) { /* Safari */
      elem.webkitRequestFullscreen();
    } else if (elem.msRequestFullscreen) { /* IE11 */
      elem.msRequestFullscreen();
    }
  }

 //when you tap on screen then is opened in fullscreen mode
 map.addEventListener('tap', () => {
      openFullscreen(document.documentElement); //open in fullscreen mode whole HTML document
      //or
      //openFullscreen(document.getElementById('mapContainer')); //open in fullscreen mode only map
      
    });

以上示例在此处实现:https://jsfiddle.net/ybj57ovc/1/

相关问题