javascript - 谷歌地图信息窗口使用关闭图标并删除箭头

Question

我不是这里的专家，但尝试使用所有示例进行尝试和错误。 目前，当我点击标记时，会弹出信息窗口，并且 map 也会放大到标记位置。

  infowindow.setContent(content);
  map.setCenter(marker.getPosition());
  map.setZoom(4);

现在我正在寻找两件事。

1. 当用户单击信息窗口上的关闭图标时， map 的 缩放重置为 2；
2. 我正在尝试找到一种方法来消除信息框底部的箭头。

示例链接如下: Example map

-阿比

编辑1: 我从伊万那里得到了第一个问题的答案!我现在仍然需要第二个问题的答案。如何去掉下图中红色突出显示的信息框底部的箭头？或者是否可以让箭头指向左侧的标记？

Answer 1

单击信息窗口上的关闭图标

如上所述here :

使用InfoWindow closeclick事件:

var currentMark;
var infoWindow = new google.maps.InfoWindow({
    content: 'im an info windows'
});
google.maps.event.addListener(marker, 'click', function () {
    infoWindow.open(map, this);
    currentMark = this;
});
google.maps.event.addListener(infoWindow,'closeclick',function(){
   map.setZoom(2);
});

演示:fiddle

去掉信息框底部的箭头

设置 InfoWindow 的样式并不容易，因此我建议看看另外 2 种可能性，它们在自定义样式方面提供了更多功能:

Google utility library | Example