我正在使用谷歌地图进入我的网站,使用谷歌地图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}