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>
Advertisements
Published in: on February 11, 2011 at 8:31 pm  Comments (3)  

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

RSS feed for comments on this post.

3 CommentsLeave a comment

  1. THANK you!!!! Worked perfectly.

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

  3. I really appreciate this tip. It worked well for one of my sites, too 🙂


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: