How to remove box from new Google Maps embeds?

remove address bubble from google maps iframe
google map iframe responsive
google maps embed advanced
google maps embed zoom
embed a custom google map
embed google traffic map
google my maps embed
google maps embed api latitude longitude

Google appear to have changed how their iFrames work. There is now an infobox at the top left that tries to display the place name. The problem is that here in Ireland it's often impossible to use the name of the business to pinpoint a map, and often you need to use the street name etc etc, which makes the box functionaly useless as the name of the street is right there on the map, as well as on the page beside the map!

How can I get rid of this thing? In this example the business is in the same building as Irish Coaches. Maps insists that by putting in the address, this solicitor for some reason want's to inform its prospective clients of where Irish Coaches is!

I've tried iwloc but it does nothing, and I can't effect it via CSS and jQuery because it's on another domain!

Any ideas?

This stopped working around February 2017. They must've updated their API. :(

PLEASE USE ZETA'S EXAMPLE FROM 1/22/2018

This is how you do it!

Working version

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.7399040776495!2d-6.261147484122739!3d53.34791197997939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!3m2!1sen!2sus!4v1462581622087" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

I noticed a pattern in another site's embed that only had the "View larger map" text and none of the extra stuff. Just a few characters had to be removed.

Full embed you are given

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.7399040776495!2d-6.261147484122739!3d53.34791197997939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670e84fbdd6bd3%3A0x998692b4f1b691e1!2sUlster+Bank+Chambers%2C+O&#39;Connell+Street+Lower%2C+Dublin+1%2C+Ireland!5e0!3m2!1sen!2sus!4v1462581622087" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

This is the part that's removed

1m2!1s0x48670e84fbdd6bd3%3A0x998692b4f1b691e1!2sUlster+Bank+Chambers%2C+O&#39;Connell+Street+Lower%2C+Dublin+1%2C+Ireland!5e0!

I've tried it for other addresses as well.

How to remove box from new Google Maps embeds?, Easily embed and customize Google Maps on your web page or blog by setting the Google NEW: Certain uses of the Maps Embed API are now billed. Tip: The frameborder="0" and style="border:0" properties remove the standard iframe​  It take two easy steps to embed Google Maps in your web pages. While you are on the Google Maps website, zoom-in to an area that you wish to embed, click the Gear icon in the lower left corner and choose the Embed Maps option from the menu. This web page contains a sample map embedded using the default embed code provided by Google Maps. The embedded map is non-responsive.

It works when you use coordinates instead of the business name, as of 1/22/2018

  1. Go to Maps Ie to get your Coordinates
  2. Go to Google Maps and enter those coordinates (comma separated like this: 33.319663, -111.89780100000002)
  3. Click on Share (located on the left)
  4. Click on Embed Map
  5. Configure the size of map that you want
  6. Copy the html

Resulting html is something like this:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.967410377096!2d-111.89998968453055!3d33.31966746342457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2sus!4v1516690469899" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Developer Guide | Maps Embed API, If you have ever needed to embed a Google Map, you have probably found the big pop up tab that hovers over the marker to be a problem. So a quick tip on how to remove the information box, but keep the marker… which if you click the information bubble / box pops up! Within the embed code, find the SRC tag. At the end of the URL within this, simply make the following change: If you see “iwloc=addr” or “iwloc=A“, replace it with “iwloc=near”.

Google Maps – Remove Info Box – Keep Marker, Google have tweaked things again. Here is the latest way (March 2009) to embed a map including a location pin without the annoying info  To remove the annoying white box in Google Maps simply add “&amp;iwloc=near” after “output=embed” in the html in the src=”…” code.

Upon further digging, what you are trying to do is to remove google map's placecard

There was similar question previously answered: Google Maps Embed - Remove Place Card

Hide / Remove Info Window / Bubble for Embedded Google Maps , I'm using the new Google maps embed code (iFrame) to add a small map to my website, but I can't hide the new address box in the top left corner (see image  This example creates a ground overlay on top of a map, and adds a UI control allowing users to remove the ground overlay from the map. Read the documentation . // This example adds a UI control allowing users to remove the // ground overlay from the map.

mid 2017,, you can use built in Google api control flag disableDefaultUI

use it like this:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    disableDefaultUI: true
  });
}

ref: https://developers.google.com/maps/documentation/javascript/controls#DisablingDefaults

<iframe src="https://google-developers.appspot.com/maps/documentation/javascript/examples/full/control-disableUI" width="100%" height="300" frameborder="0"></iframe>

Google Maps Embed - Remove Place Card, 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  The Maps Embed API lets you place an interactive map, or Street View panorama on your site with a simple HTTP request. It can be easily embedded in your web page or blog by setting the Maps Embed API URL as the src attribute of an iframe: Maps Embed API maps are easy to add to your webpage—just set the URL you build as the value of an iframe

Hide or Remove the Info Window on an embedded Google Map , The default Google Maps embed code comes with an info bubble. We explain how easy it is to this remove the bubble. Plus a bonus tip. Get New google map embed code and paste your page.

How to remove info bubble for embedded google maps, No you can't remove those options. The way Google My Maps is setup, pretty much if a user can 'see' the map, they are able to download the  Find local businesses, view maps and get driving directions in Google Maps.

Is there a way to embed my map on a website, and remove the , Adding a Google map can be great tool to allow your visitors get a Enter your business name or address in the search box and click the search button. Then click the menu symbol in the top left corner to find the embed code link. This is where you can see how your new map will look on your website. This video is about Deleting the awful search and information boxes on the New Google Maps software. These boxes obscure large areas of the window making the software useless.

Comments
  • It might be useful to know that if the container height is lesser than 300px, a minimal version of the card will be displayed instead of the full card.
  • Wow, this worked for me. Takes a bit of trying, though.
  • Tell me about it! When I first figured it out, I tested it on other addresses as well and was still in disbelief. :)
  • This worked for me too... I just look for the string starting with 1m2! and ending with !5e0! and erased that... yeah!
  • This trick is great, but it will also remove the map marker along with the info window.
  • @KoldBane You're right, they must've updated the API. It doesn't work anymore. Only way I can think of removing the description box is by using JS to embed CSS in the iFrame. Sorry :(
  • This should be the accepted answer. The other answer that required removing '1m2!---!5e0!' from the URL removes the business information in the top left, but it also removes the map pin! (which you probably don't want.)
  • This should be the accepted answer. Works great since Google updated their API.
  • Much cleaner and simpler example - for anyone struggling with this. Remember to always try to use the simplest and easiest solution. This is by far the easiest way to achieve what you want.
  • This is the simplest way once you get your coordinates.
  • Thanks a lot for your handy script. I can confirm that it still works as of 30/7/2019. In my case I had to use an iframe instead of the JavaScript API, and this is the only working solution.
  • Thanks for the link. Their solution is a bit hacky but it might be the best option available :\
  • That solution is not a solution. It's a hideous hack. The real answer should be whether there is something in generating the embed code that suppresses it. That's what I want to know, too.
  • @neil1967 it seems there is, but not using the embed option, but using maps API with API key, which seems now possible only with "enabled billing". That makes a point for the hack