1.容器
<div id="googleMap" style="width: 100%; height: 100%;position: absolute;">
</div>
2.触发按钮
<el-button type="" icon="el-icon-monitor" @click="requestFullScreen" style="margin: auto;"></el-button>
3.通过触发按钮获取容器ID,实现全屏
requestFullScreen() {
var element = document.getElementById("googleMap");
// 判断各种浏览器,找到正确的方法
var requestMethod = element.requestFullScreen || //W3C
element.webkitRequestFullScreen || //Chrome等
element.mozRequestFullScreen || //FireFox
element.msRequestFullScreen; //IE11
if (requestMethod) {
requestMethod.call(element);
}
else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
},