以下是Google Maps文档的链接：
Google Developer Docs -Map控件
Google Developer Docs - Replace Default Controls
Fullscreen控件提供以全屏模式打开Map的选项。默认情况下，桌面和移动的设备上启用此控件。注意：iOS不支持全屏功能。因此，全屏控制在iOS设备上不可见。

function initMap() {
    const map = new google.maps.Map(document.getElementById("map"), {
        zoom: 12,
        center: { lat: -28.643387, lng: 153.612224 },
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            position: google.maps.ControlPosition.TOP_CENTER,
        },
        zoomControl: true,
        zoomControlOptions: {
            position: google.maps.ControlPosition.LEFT_CENTER,
        },
        scaleControl: true,
        streetViewControl: true,
        streetViewControlOptions: {
            position: google.maps.ControlPosition.LEFT_TOP,
        },
        fullscreenControl: true,
    });
}

window.initMap = initMap;

您可以考虑使用requestFullscreen API来获取整个文档的全屏。要在第一次单击时完成这项工作，只需在#map元素上创建一个变量isClicked用于onclick验证。

let map;

async function initMap() {
  const { Map } = await google.maps.importLibrary("maps");

  map = new Map(document.getElementById("map"), {
    center: { lat: -34.397, lng: 150.644 },
    zoom: 8,
  });
}

initMap();

let mapElement = document.querySelector('#map');
let clicked = false;
mapElement.onclick = () => {
  if(!clicked) {
    mapElement.requestFullscreen();
    clicked = true;
  }
}

body, html {
  height: 100%;
  width: 100%;
}

#map {
  width: 50%; 
  height: 90%;
}

<div id="map"></div>
<script src="http://maps.google.com/maps/api/js?key=API_KEY">
</script>