javascript - 右侧的谷歌地图信息窗口位置

Question

如何在左侧而不是底部显示带箭头的 InfoWindow？

screenshot example here

Answer 1

现在已经有一段时间了，您可能确实对这个话题产生了兴趣。但我要说的是，不使用任何第三方工具也是可能的...只需将 pixelOffset 添加到 infowindow 中，如下所示:

var infowindow = new google.maps.InfoWindow({
      content: "My custom info window",
      pixelOffset: new google.maps.Size(250, 150)
  });

此外，您也可以旋转箭头，只需添加这些样式行即可:

#map div div div:last-child div:last-child div div div:nth-child(3) {
  left: 0 !important;
  top: 30px !important;
  border-top-width: 24px;
  position: absolute;
  transform: rotate(90deg);
}

可能对你有帮助或对别人有帮助...

干杯。