Remove Bubble from Google Maps without API

Posted: January, 19 2009

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.

Google will focus its attention on the Postcode and display a bubble with address details, see below:

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.

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&source=s_q&hl=en&geocode=&q=DN1+3LW&sll=53.521887,-1.132402&sspn=0.008636,0.027895&g=DN1+3LW&ie=UTF8&z=14&iwloc=addr&ll=53.528523,-1.128159&output=embed&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&

and change it to:

iwloc=near&addr&

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

22.09.09: Reset Session storage options in Magento (0)
27.10.09: How to remove Blogroll title from WordPress (2)
07.10.09: Magento Thank you for registering with Default Store View (0)
12.10.09: Remove Latest Messages from Magento admin (0)
20.05.09: Joomla E-mail could not be sent [FIXED] (6)

Comments RSS Feed

1 Trackbacks/Pingbacks

Pingback: Michael Doyle’s Blog » Google Maps - Remove Bubble on June 9, 2009

3 Comments

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.
Go to Top of the page
Ruby January 20, 2010

thanks for the helpful tip! it works!
Go to Top of the page
droope February 10, 2010

Thanks! Really helpful
Go to Top of the page