Search code examples
imagegoogle-maps-api-3overlaytransparency

Google maps overlay image not entirely transparent

Here is my code:

(link removed)

As you can see the overlay image is not entirely transparent. When I open up that image in a picture viewer the transparency is total, not as it is rendered (washed white) on my maps.

How can I fix that?

Solution

  • It's a CSS-issue, there is a background-color for the image applied, defined for the selector 

    .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img

    You may either change this CSS and make it more distinct, so that it not affects the image, or add this to TQOverlay.prototype.onAdd:

    img.style.background='transparent';
img.style.border='none';