javascript - 谷歌地图缩放按钮未显示在窄屏幕上

Question

在图像上看到它们非常棘手，因为它们看起来大小相似，但是当我在 Chrome 中调整开发人员窗口的大小以使我的谷歌地图窗口更改大小时，缩放按钮会丢失。

这是我的 CSS 代码

.mapContainer
{
    position: relative;
    padding-bottom: 25%; 
}
.mapContainer .mapCanvas
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

我在这里做错了什么？

编辑在这里 fiddle :http://jsfiddle.net/68jm4no9/

Answer 1

对于小于 200 像素的 map ，这是默认设置的。您可以覆盖它。

在 map 选项中设置zoomControl: true

EG

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    zoomControl: true,
    scaleControl: true
  });
}

这是the doc .