検索したところ、いくつかのコードが見つかりました。
function fullscreen() {
var element = document.getElementById("content");
if (element.requestFullScreen) {
if (!document.fullScreen) {
element.requestFullscreen();
$(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
} else {
document.exitFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize.png");
}
} else if (element.mozRequestFullScreen) {
if (!document.mozFullScreen) {
element.mozRequestFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
google.maps.event.trigger(map, 'resize');
} else {
document.mozCancelFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize.png");
}
} else if (element.webkitRequestFullScreen) {
if (!document.webkitIsFullScreen) {
element.webkitRequestFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
google.maps.event.trigger(map, 'resize');
} else {
document.webkitCancelFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize.png");
}
}
}
html5 API を使用します。そのための特別な画像をjqueryで切り替えます。それが役立つことを願っています。現時点では、セキュリティ上禁止されているため、強制できるかどうかはわかりません。