首先需要安装插件
npm install screenfull
然后在你需要实现功能的组件内引入
import screenfull from "screenfull"; // 引入全屏显示
const element = document.getElementById("map_container");
document.getElementById("full_screen").addEventListener("click", () => {
if (screenfull.isEnabled) {
screenfull.request(element); // 元素全屏
}
});
第一处的id为需要被全屏查看的dom元素,
第一处的id为点击全屏查看按钮元素,