信息框无法正好位于标记之上

Question

我在这里使用了自定义信息框，并且无法将信息框放在标记正上方，

链接：

http://jsfiddle.net/uGnQb/6/

var myMapOptions = {
          zoom: 15,
          center: secheltLoc,
          mapTypeId: google.maps.MapTypeId.ROADMAP,    
};

请点击第一个标记，您可以看到信息框中的位置正好位于标记的正上方，但第二个标记的信息框并未正好位于标记的正上方。

请帮帮我吗？

Answer 1

在创建InfoBox对象集并将pixelOffset和alignBottom调整为true时：

var htmlInfoWindow = new InfoBox({
      content: "",
      closeBoxURL: "",
      position: marker.getPosition(),
      pixelOffset: new google.maps.Size(-100, -250),
      alignBottom: true
});

请注意，所有信息框的高度和宽度必须相同

Answer 2

您的两个infoBox都在标记下方打开，这是因为信息框设置了一些位置偏移值，这些值在声明时会被调整。 pixelOffset设置为（-140,0）。 请参阅此infobox documentation