How do I position the label above my marker?

[dnasir]

Hi,

How do I position the label above my marker?

Thanks.

[nwohaibi]

@dnasir
hi nasir,

You might achieve that by changing https://github.com/googlemaps/js-map-label/blob/gh-pages/src/maplabel.js#L165-L166
you can add or subtract pixel offsets likewise:

style['top'] = (parseFloat(pos.y)+yoffset) + 'px';
style['left'] = (parseFloat(pos.x)+xoffset) + 'px';

[ffflabs]

If your problem is having the label partially hidden behind the marker, is happens because as of now, this class adds the label to the mapPane, which is the lowest of the panes Object.

if you replace

panes.mapPane.appendChild(canvas);

with

panes.overlayMouseTarget.appendChild(canvas);

Then the label will be appended to the overlayMouseTarget pane, which is above the markerLayer pane.

[hookswitch]

That (panes.overlayMouseTarget) worked for me, thanks amenadiel!

[rcknr]

I found that sometimes canvas elements get selected while zooming in or clicking around.
panes.overlayLayer works a bit better in this respect.