在Google地图上重新排序控件

Question

我的谷歌地图右下角有一些控件(其他3个角已经被占用,所以这些都需要在同一个角落).我这样设置:

mapTypeControlOptions: {
    mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE],
    position: google.maps.ControlPosition.RIGHT_BOTTOM
},
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL,
    position: google.maps.ControlPosition.RIGHT_BOTTOM
},
streetViewControlOptions: {
    position: google.maps.ControlPosition.RIGHT_BOTTOM
}

这会产生以下结果:

...看起来很傻,所以我尝试将mapTypeControl切换到以下BOTTOM_RIGHT位置:

理想情况下,这是我想要的(与第一个相同,但底部的mapTypeControl):

我已经挖掘了API文档,虽然看起来有一种方法来控制自定义控件的顺序,但我没有看到重新安排本机控件的方法.可以这样做吗？如果不可能像我上一个例子那样做,那么至少有一种更好的方法来安排控件,这样它们都不会像拇指一样伸出来吗？

Answer 1

根据ControlPosition 文档 Controls that are added first are positioned closer to the edge of the map.

对于右下位置Elements are positioned on the right, above bottom-right elements, and flow upwards.。

然而，这似乎与你的情况相矛盾。由于您只是将所有控件作为 MapOptions 规范的一部分应用，我想知道它们是否只是意味着在添加自定义控件时适用，正如开发人员指南的其他部分提到的那样（正如您已经说过的那样）。

也许您可以创建自己的自定义控件，这些控件实际上只是 StreetView / MapType / Zoom 控件的扩展？然而，它们看起来并不像您可以实例化任何这些控件的实例......如果您这样做，您会得到什么console.log(map.controls)？