Javascript 如何将自定义地图控件放置在“上方”；谷歌"；谷歌地图中的标签？

到目前为止，我有这个

对不起，我的电脑屏幕截图不起作用了，所以我不得不求助于这件事

无论如何，“卫星”按钮应该放在“谷歌”标志的上方，下方留有一些空间，并左对齐。我基本上有以下几点：

container = document.createElement("div")
ReactDOM.render(<div>Satellite</div>, container)
map.controls[google.maps.ControlPosition.BOTTOM_LEFT].push(container)

mapOptions =
  disableDefaultUI: true
  zoomControl: true
  zoom: 13
  styles: [{ featureType: "poi", elementType: "labels", stylers: [{ visibility: "off" }]}]
  mapTypeControl: true

map.setOptions(mapOptions)

container=document.createElement（“div”）
render（卫星、容器）
map.controls[google.maps.ControlPosition.BOTTOM_LEFT].push（容器）
地图选项=
disableDefaultUI:true
动物控制：正确
缩放：13
样式：[{featureType:“poi”，elementType:“标签”，样式：[{visibility:“off”}]}]
mapTypeControl：true
map.setOptions（mapOptions）

---

我做错了什么？如果可能的话，我不想求助于CSS黑客。

您可以使用

map.setOptions({
    mapTypeControlOptions: {
        position: google.maps.ControlPosition.BOTTOM_LEFT
    }
})

或与演示一起列出的任何枚举

如果不使用自定义CSS，则无法在这些控件上设置自定义像素或%位置。

这是非常好的，即使是官方文件提供

以你的情况来说，这意味着

.gmnoprint + .gmnoprint {
    left: -4px !important;
    bottom: 20px !important;
}

导致

---

在这些情况下，通常会隐藏google默认控件、

div

s和

按钮，然后将其单击事件绑定到gmaps API

话虽如此，在您创建并定位了一个按钮以打开
卫星地图类型后，侦听器的内容可以简单到

map.setOptions({
    mapTypeId: google.maps.MapTypeId.SATELLITE
})

获取当前设置的ID将通过调用
map.getMapTypeId（）
@alien返回。如果它对您有帮助，介意接受答案吗？