javascript - Google map 全屏选项被禁用?

标签 javascript angular google-maps

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

我向 map 添加了以下选项:

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

这是我的 map : enter image description here

最佳答案

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

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

关于javascript - Google map 全屏选项被禁用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46748036/

相关文章:

javascript - 以 YYYYMMDD 格式计算给定出生日期的年龄

android - 升级到 androidx.preference :preference-ktx:1. 2.0 后出现奇怪的行为

javascript - Joi 自定义验证

javascript - 如何将html div复制到另一个div而不显示none div

javascript - 200 个 HTTP 请求在 Angular 5 中触发 "catch"操作

json - HTTP 请求 Angular 2

javascript - 如何在数据网格的列标题和行中动态添加复选框?

javascript - 限制用户只能使用一个矩形 google map api

android google maps Polygon 添加圆孔

javascript - gzip js 文件值得吗?