voodish logo
tweet rss book of faces Linked In

Remove Bubble from Google Maps without API

Sometimes you will have a super small window to use Google Maps in, added with the relatively lengthy process of using the Google API and finding the correct Geo code for your location, removing the Google Maps Bubble is not a standard option presented by Google, but in this article we show you how to easily remove it for those small windows.

Skip down to the Quick Installation »

Gather the GMap code from Google

Taking this Postcode as an example: DN1 3LW
Open up the Google Maps page and key in your Postocde of choice and hit Search.

gmaps-postcode.gif

Google will focus its attention on the Postcode and display a bubble with address details, see below:
gmaps-postcode-map.gif

Copy the HTML linking information

Next, we want to focus our attention on the Link icon located top right of the Google Maps window, it is this link that will display the code that we require.

gmaps-postcode-link.gif

Highlight the ‘Paste HTML to embed in website and copy it to the Clipboard (Ctrl+C Windows)
Here is our code before editing:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=DN1+3LW&amp;sll=53.521887,-1.132402&amp;sspn=0.008636,0.027895&amp;g=DN1+3LW&amp;ie=UTF8&amp;z=14&amp;iwloc=addr&amp;ll=53.528523,-1.128159&amp;output=embed&amp;s=AARTsJrDnGUbRUnJp7YpT7HDVFnrWq1y_A"></iframe>

At this stage you could Customize the map using the link just below, but at this time all that really does is resize the window which is easily doable in code.

Change iwloc code

If you already know how to add a Map to your page and just want the code then simply change the following code.

Open up your favorite text / code editor and locate:

iwloc=&addr&amp;

and change it to:

iwloc=near&addr&amp;

That’s it, all done - see it working here: www.creditcardcleanup.co.uk/contact-us

Related Articles

Comments RSS Feed

2 Trackbacks/Pingbacks

  1. Pingback: Michael Doyle’s Blog » Google Maps - Remove Bubble on June 9, 2009
  2. Pingback: Twitter Trackbacks for Remove Bubble from Google Maps without API, Voodish Articles. [voodish.co.uk] on Topsy.com on August 10, 2010

11 Comments

  1. Peter Church February 18, 2009

    Thanks! I have been hunting for this little tidbit for ages. It is so much easier to just use the Google IFrame than mess about with the API for simple web site uses. The bubble always got in the way in small windows.

  2. Go to Top of the page

  3. Ruby January 20, 2010

    thanks for the helpful tip! it works!

  4. Go to Top of the page

  5. droope February 10, 2010

    Thanks! Really helpful :)

  6. Go to Top of the page

  7. tim August 30, 2010

    Hmmm… looks like code from Google may have changed(?) or at least is different from maps.google.co.nz I can’t find iwloc=&addr& in what I had from google.

    Ho hum.

  8. Go to Top of the page

  9. tim August 30, 2010

    Ah… no… going to add to that! Point to note in case anyone else does what I did. DON’T go to the “customise code” option (yeah OK you did say that) - looks like it’ll give you different code for the same thing. Also note you might get different iwloc= code depending on what you have added as a location. (eg I had iwloc=A& ). Best of luck. :)

  10. Go to Top of the page

  11. Gleenk Webdesign March 7, 2011

    If you don’t have iwloc=near&addr& add this before ;output=embed and it should work even with news syntax.

  12. Go to Top of the page

  13. Nicooprat June 27, 2011

    @gleenk
    I think you mean “after” ;output=embed ? Like this :
    “[…];z=14&output=embed&iwloc=near&addr”

    Thanks for the trick !

  14. Go to Top of the page

  15. Siesta Key Homes for sale September 22, 2011

    thank you for the last update…I was going mad, because I could not find iwloc in my embed code anywhere……once I added it before the ‘embed’ voila…no bubble..

  16. Go to Top of the page

  17. wellington November 10, 2011

    hi,
    i checked the link and the balloon stil shows on my browser. my browser is chrome, but i tried it in firefox 4 and it stil shows.

    From my experience, the bubble has the same width as the iframe itself. I hope there’s another way to remove the bubble or applying some css will be better.
    regards

  18. Go to Top of the page

  19. Nico March 5, 2012

    Nice, thank you!

  20. Go to Top of the page

  21. interactive red April 5, 2012

    Nice fix thank you

  22. Go to Top of the page

Leave a comment