Where are my Google Maps controls?

15th May 2015
Back to Blog

It’s easy to embed Google Maps but if you have img css code setting max width in images you’ll need to make an adjustment. You might have a reset like this:


img {
max-width: 100%;
}

And one way to fix it is to remove the global reset, or set the google class for the map images to no max width so the controls show regardless of a global reset:


.gmnoprint img {
max-width: none;
}

Thanks to this Stack Overflow article that helped me when I was pulling my hair out trying to figure this one out.

Tags:

Nathaniel Flick

I'm a Front End Web Developer passionate about usability. My primary specialties are HTML5, CSS3, SCSS, LESS, and jQuery and I am very familiar with Foundation and Bootstrap frameworks. I've worked on top of and with WordPress, Shopify, Rails, Python, and ASP.net/Umbraco frameworks.

Leave a Reply

Your email address will not be published. Required fields are marked *