google maps api v3 + infoBubble in markerClusterer

Raphael Isidro picture Raphael Isidro · May 13, 2011 · Viewed 8.4k times · Source

I was trying to add an infoBubble to a markerCluster in the 'clusterclick' event but the infoBubble.Open method ask for a 'marker' parameter to bind with. The problem is that a markerCluster is not a google.maps.Point so it's not posible to bind the infoBubble to it.

I assigned the possition of the markerCluster to the infoBubble but the infoBubble redraws in the new position moving the marker from its possition.

Has anyone had the same problem? Is there a solution without modifing the original infoBubble code?

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/

Answer

Raphael Isidro picture Raphael Isidro · May 24, 2011

Solution problem 1: The marker parameter was optional If I just simply never assign it, the problem is solved.

Use:

infoBubble.setPossition(latLng);
infoBubble.open(map);

Not:

infoBubble.open(map, marker);

Problem 2: But now the infoBubble appears over the market, is there a way to move it up??

Solution problem 2:

I modified the InfoBubble sourceCode to contain a offsetParameter and then add the pixels in the draw function:

InfoBubble.prototype.PIXEL_OFFSET = 0
...
var top = pos.y - (height + arrowSize); if (anchorHeight) { top -= anchorHeight; } top -= this.PIXEL_OFFSET

Just in case someone had the same problem