关于移除Google Maps新Autocomplete组件中全屏切换按钮的技术求助

嘿，我刚仔细看了你的问题，你遇到的这个全屏按钮确实挺闹心的——明明给地图容器加了CSS尺寸限制，结果一点全屏就直接突破了布局。别担心，我有两个靠谱的解决办法，你可以挨个试试：

1. 直接在地图初始化时禁用全屏控件 #

这是最正规的官方解决方案，Google Maps的Map构造函数提供了专门的参数来控制全屏控件的显示。你现在的代码里只设置了mapTypeControl: false，但漏掉了fullscreenControl这个参数（默认是开启状态的）。

把你JS里的地图初始化代码改成下面这样，添加fullscreenControl: false即可：

async function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center,
    zoom: 13,
    mapId: '4504f8b37365c3d0',
    mapTypeControl: false,
    fullscreenControl: false, // 新增这一行，直接禁用全屏控件
  });
  // 后面的代码保持不变...
}

2. CSS强制隐藏（备用方案） #

如果上面的参数设置因为Google Maps新组件的版本兼容性问题没生效，你还可以用CSS直接定位到全屏按钮元素，强制把它隐藏。Google Maps的全屏按钮通常带有gm-fullscreen-control类名，你可以在现有CSS里加上这段：

.gm-fullscreen-control {
  display: none !important;
}

要是这个类名失效了，你可以按F12打开浏览器开发者工具，直接选中那个全屏按钮元素，查看它的最新类名，再调整CSS选择器就行。

内容来源于stack exchange