Google 地图全屏选项被禁用?

mog*_*gli 1 javascript google-maps angular

我的网站使用谷歌地图,但我无法在地图上看到全屏功能。如何激活以及为什么我看不到它?

我在地图上添加了以下选项:

var map = new google.maps.Map(document.getElementById('googleMap'), {
                zoom: 7,
                center: new google.maps.LatLng(this.coordinates[0][1], this.coordinates[0][0]),
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                zoomControl: true,
                scaleControl: true,
                zoomControlOptions: {
                    position: google.maps.ControlPosition.LEFT_TOP
                }
            });
Run Code Online (Sandbox Code Playgroud)

这是我的地图: 在此输入图像描述

S. *_*ker 5

默认情况下,桌面版 Google Maps API 中不包含全屏控件。将fullscreenControl: true属性添加到用于初始化地图的对象。您的代码应如下所示:

var map = new google.maps.Map(document.getElementById('googleMap'), {
 zoom: 7,
 center: new google.maps.LatLng(this.coordinates[0][1], this.coordinates[0][0]),
 mapTypeId: google.maps.MapTypeId.ROADMAP,
 zoomControl: true,
 scaleControl: true,
 fullscreenControl: true
 zoomControlOptions: {
  position: google.maps.ControlPosition.LEFT_TOP
 }
});
Run Code Online (Sandbox Code Playgroud)

查看文档:https://developers.google.com/maps/documentation/javascript/controls