Monday, January 14, 2013

Google Maps with Bootstrap squashes markers

When using Google Maps with the excellent Bootstrap styles the markers on your map will appear squashed or thinner than they should be.  This is because Bootstrap includes a css style that sets all images to 100% max-width.

To fix this add this style:

.myMap img {
    max-width: none !important;
}

No comments: