Close button not showing in Google Map Info Window

Glenn Glenn's Blog 0 Comments

Recently we were developing a custom Google map web application for a client and noted that the close button was not showing in the marker info window. We found that this related to a Bootstrap conflict (in our case via the wonderful Pagelines DMS) with Google and luckily the fix is rather easy to implement. Just add the following code to your CSS:-

[css]
/* FIX for Bootstrap and Google Maps Info window styes problem */
#map-canvas img[src*="gstatic.com/"], #map-canvas img[src*="googleapis.com/"] {
max-width: none;
}
[/css]

We’ve used the standard ID of ‘#map-canvas’ but if your differs then be sure to update it to target the map correctly.

About the Author
Close button not showing in Google Map Info Window Close button not showing in Google Map Info Window 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g

Glenn

A highly experienced WordPress Web Developer, Front-end and Back-end Developer & New Media Specialist with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries built up over a number of years.

Leave a Reply

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