谷歌地图MapTypeControl位置问题

Question

当将 mapTypeControl （卫星，地形）定位到BOTTOM_LEFT / BOTTOM_CENTER / BOTTOM_RIGHT时，它将控件设置得太低，因此当点击 Satellite 时，子选项变为截止。

此问题可在此处查看： https://developers.google.com/maps/documentation/javascript/examples/control-positioning

通过将控件置于LEFT_BOTTOM / RIGHT_BOTTOM中，左侧和右侧都有解决方案。

是否可以将它放在中心位置稍高一点？

由于

Answer 1

我遇到了同样的问题。您可以找到所有可用的 Positions here。您可能想要使用 LEFT_BOTTOM：“元素位于左侧，左下角元素上方，并向上流动。”

最坏的情况尝试 LEFT_CENTER 位置。

  +----------------+
  + TL    TC    TR +
  + LT          RT +
  +                +
  + LC          RC +
  +                +
  + LB          RB +
  + BL    BC    BR +
  +----------------+

Answer 2

您可以使用以下CSS覆盖下拉菜单，使其显示在按钮上方：

.gm-style-mtc div[role="button"] + div {
  top: -90px !important;
}

top负px量将取决于您的按钮大小设置（例如controlSize: 30）。