Google地图全屏选项已停用?

时间:2017-10-14 18:35:57

标签: javascript angular google-maps

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

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

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
                }
            });

这是我的地图: enter image description here

2 个答案:

答案 0 :(得分:2)

默认情况下,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
 }
});

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

上的文档

答案 1 :(得分:0)

在Google地图文档中;

“全屏控件提供了以全屏模式打开地图的选项。默认情况下,此控件在台式机和移动设备上处于启用状态。注意:iOS不支持全屏功能。因此,全屏控件不支持在iOS设备上可见。”

这条评论有些晚了,但也许对某人有所帮助。

文章链接为; Google Maps Platform

该部分是;控件概述