Javascript 谷歌地图缩放按钮不显示在窄屏幕上

这是相当棘手的图像上看到，因为他们看起来相似的大小，但当我重新大小我的开发者窗口在铬，使我的谷歌地图窗口改变大小的缩放按钮丢失

这是我的CSS代码

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

我做错了什么

编辑

---

在这里摆弄：

看起来缩放图标无法重新调整大小。当地图的高度降低到极限时，缩放图标将被删除，因为没有空间显示它们

因此，向map div添加一个静态高度

.mapCanvas {

    height: 150px;
}

此处：

---

或者，您可以使用两个自定义按钮实现缩放功能，并使用JavaScript使其正常工作。

看起来缩放图标无法重新调整大小。当地图的高度降低到极限时，缩放图标将被删除，因为没有空间显示它们

因此，向map div添加一个静态高度

.mapCanvas {

    height: 150px;
}

此处：

---

或者，您可以使用两个自定义按钮实现缩放功能，并使用JavaScript使其正常工作。

这是为小于200px的贴图默认设置的。你可以忽略这一点

在地图选项集中

zoomControl:true

乙二醇

---

以下是为小于200px的贴图默认设置的。

。你可以忽略这一点

在地图选项集中

zoomControl:true

乙二醇

给你

zoomControl将允许您覆盖大小

---

zoomControl将允许您覆盖大小

您可以创建一个小提琴吗？向我们展示一些JS。这些选项中的大多数都是通过API设置的。我原以为很难复制，但实际上很容易：拖动垂直侧边来调整google maps窗口的大小。当高度太小时，它们消失是正常的（请参阅并尝试将屏幕大小调整到200px以下）。请添加到您的小提琴

显示：块

并设置一个

高度

，比如

100px

。你能做一把小提琴吗？给我们看一些JS。这些选项中的大多数都是通过API设置的。我原以为很难复制，但实际上很容易：拖动垂直侧边来调整google maps窗口的大小。当高度太小时，它们消失是正常的（请参阅并尝试将屏幕大小调整到200px以下）。请添加到您的小提琴

显示：块

并设置一个

高度

，如

100px

。

  var map = new google.maps.Map(document.getElementById('map'), {
         zoomControl: true,
}