Question

我创建了一个自定义的谷歌地图，带有标记和自定义信息窗口。想要标记下面的信息窗口而不是顶部。我通过定位信息窗口的纬度和经度来实现这一点。但是我在google api中遇到了pixeloffset属性，但它没有用。我用了

var infoBubble = new InfoBubble({
map: map,
content: '<div>Some label</div>',
position: new google.maps.LatLng(26.890076,75.755000),
shadowStyle: 1,
padding: 0,
backgroundColor: 'rgb(57,57,57)',
borderRadius: 4,
arrowSize: 0,
borderWidth: 1,
borderColor: '#2c2c2c',
disableAutoPan: true,
hideCloseButton: true,
pixelOffset: new google.maps.Size(-100,0)
});
infoBubble2.open(map,marker);

Answer 1

InfoBubble不是google.maps.InfoWindow的实现，pixelOffset没有属性InfoBubble。

但是，只需要对infobubble.js进行一些小的改动即可应用此功能。

打开infobubble.js（未编译版本）并找到此代码（在draw-function中）：

  // Adjust for the height of the info bubble
  var top = pos.y - (height + arrowSize);

  if (anchorHeight) {
    // If there is an anchor then include the height
    top -= anchorHeight;
  }

  var left = pos.x - (width * arrowPosition);

应用这些更改：

  if(!this.pixelOffset 
      || !this.pixelOffset.constructor 
         || this.pixelOffset.constructor !== google.maps.Size){
    this.pixelOffset = new google.maps.Size(0,0);
  }
  // Adjust for the height of the info bubble
  var top = pos.y - (height + arrowSize) + this.pixelOffset.height;

  if (anchorHeight) {
    // If there is an anchor then include the height
    top -= anchorHeight;
  }

  var left = pos.x - (width * arrowPosition) + this.pixelOffset.width;

pixeloffset在谷歌地图中不起作用

1 个答案: