web
analytics

Hide or Remove the Info Window on an embedded Google Map

Posted by on Oct 7, 2009 in Tech | No Comments

nextmap01So for the last couple of hours I’ve been grappling with a small, thorny Google Map related problem.  Since I’ve spent so much time finding an answer for this, I guess there might be others who are looking for the same solution.

When embedding a Google Map into a site you often end up with the big Info Window appearing above the place marker.  This little window is useful if you’ve got the space necessary to display it, but most contact pages just don’t have the room.

On Next Communications I had limited space available for displaying a map, and thanks to a thread on Google Groups I found a quick and easy way to embed the map without the offending bubble.

Once you have your embed code copied over into your HTML, simply add the following parameter “iwloc=near” to the iframe call.

Below is an example of the complete code I used for the Next Site:

<iframe width="200" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=next+communications&amp;hl=en&amp;sll=50.913949,-1.446842&amp;sspn=0.011932,0.01914&amp;ie=UTF8&amp;view=map&amp;cid=4627604284559683295
&amp;hq=next+communications&amp;hnear=&amp;ll=50.915426,-1.44659&amp;spn=0.00947,0.008583&amp;iwloc=near&amp;z=15&amp;output=embed"></iframe>

Note the “&amp;” separator when adding the parameter.