How to Hide Info Bubble for Embedded Google Maps

Here is a cool trick for embedded Google Maps. As of February, 2011, Google has removed the iwloc part of the url in most cases. To remove the pin and the annoying info bubble, you can now add &iwloc=near to the end of the iframe src attribute. Just that simple!

By default, you would get something like

<iframe width="425" height="350" frameborder="0"
        scrolling="no" marginheight="0"
        marginwidth="0"
        src="http://maps.google.com/maps?
f=q&amp;source=s_q&amp;hl=en&amp;
geocode=&amp;q=Niagara+Avenue,+Tampa,+FL,+United+States
&amp;hq=&amp;hnear=Niagara+Ave,+Tampa,+Hillsborough,+
Florida+33617&amp;output=embed">
</iframe>

You will change it to

<iframe width="425" height="350" frameborder="0"
        scrolling="no" marginheight="0"
        marginwidth="0"
        src="http://maps.google.com/maps?
f=q&amp;source=s_q&amp;hl=en&amp;
geocode=&amp;q=Niagara+Avenue,+Tampa,+FL,+United+States
&amp;hq=&amp;hnear=Niagara+Ave,+Tampa,+Hillsborough,+
Florida+33617&amp;output=embed&iwloc=near">
</iframe>

Like this:

Be the first to like this post.

Published in:

Programming Tips

on February 11, 2011 at 8:31 pm Comments (1)

The URI to TrackBack this entry is: http://blackbeltreview.wordpress.com/2011/02/11/how-to-hide-info-bubble-for-embedded-google-maps/trackback/

RSS feed for comments on this post.

One CommentLeave a comment

On September 16, 2011 at 4:42 am Jan said:

THANK you!!!! Worked perfectly.

Reply
On January 3, 2012 at 9:41 pm Watch Movies and TV Shows | AioStream said:

Thank you for valuable post… I like to see this type of posts.

Reply

Black Belt Review

Trusted and Honest Reviews