Category Archives: Google Maps

Google Maps: Missing Zoom Controls

Previously, I entered a blog about an error with zoom controls for the Google Map. In that articles, the zoom controls were distorted when used in WordPress. Today, I found a second problem with the zoom control for Google Maps.

Today, I experienced the complete absence of the zoom control on a Google Map. The Google Map code was configured correctly to display the zoom controls. If you hovered your mouse over the location the zoom controls should appear, the cursor changed, implying that there were zoom buttons under the cursor. However, there were no buttons displayed.

Researching the problem, I found there was a very simple solution the problem. Add the following to the CSS:


  .gmnoprint img {
      max-width: none; 
  }

Add this simple CSS and voila, the buttons suddenly appear.

Google Maps Info Box, replace InfoWindow

Are you tired of not being able to style your info window correctly in Google Maps? There is a way to correct that problem. Replace your InfoWindow with an infoBox.

If you would like to have styling friendly popup boxes for your Google Maps markers, you need the following links:

To use the InfoBox:

  1. Include the infobox.js library
  2. Use new InfoBox instead of new InfoWindow.

It is easy, quick, and great for offering a more configurable popup window in Google Maps.