谷歌地圖全屏選項被禁用？

我正在使用谷歌地圖爲我的網站，但我無法在地圖上看到全屏幕feauture。我該如何激活，爲什麼我看不到它？谷歌地圖全屏選項被禁用？

我有添加下列選項映射：

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

這裏是我的地圖：

來源

2017-10-14 mogli mogli

地圖的寬度與包含地圖股利相關的文檔...顯示相關的HTML和CSS代碼... – scaisEdge

您是否在您的html代碼中嘗試了此操作

– faljbour

#google地圖{ height：calc（100vh - 11em）; } –

默認情況下，不包含在谷歌的桌面版的全屏控制地圖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

來源

2017-10-14 18:42:54

奇怪，我仍然無法看到東西后，我添加fullscreenControl：true –

好吧，工程。它需要使用margin-top來查看它。 –

谷歌地圖全屏選項被禁用？

回答

相關問題