谷歌地图:从BOTTOM_CENTER位置向上移动类型控制按钮

GoogleMap: move up TypeControl buttons from BOTTOM_CENTER position

本文关键字:移动 类型 控制 按钮 位置 BOTTOM CENTER 谷歌地图      更新时间:2023-09-26

我正在使用谷歌地图进入我的网站,使用谷歌地图API。在位置BOTTOM_CENTER显示用于从路线图 - 卫星 - 和自定义样式切换的按钮。问题是:如何将该按钮向上移动一些像素?

那个位置是我需要的,我只想向上移动一点按钮,只是一些像素,否则不会显示 TERRAIN 和 HYBRID 选项。

如果需要,这是管理按钮的代码段:

 var myMapOptions = {
     zoom: 13,  
     center: point,
 scrollwheel: false,
 disableDefaultUI: true,
    mapTypeControl: true,
    mapTypeControlOptions: {
       mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID,google.maps.MapTypeId.TERRAIN, 'CustomStyle'],
       style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
       position: google.maps.ControlPosition.BOTTOM_CENTER
      },
 };

谢谢。

没有实现的选项来实现它,但似乎 Map-Type-Controls 具有特定的类名,您可以使用此类来应用自定义格式。

这对我有用:

.gm-style-mtc{margin-bottom:20px !important}