How to remove box from new Google Maps embeds?

Question

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

Answer 1

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>

Answer 2

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

Answer 3

My simple solution: Using Firefox with both "AdblockPlus" and "AdblockPlus Element Hiding Helper" addins it is VERY EASY to identify the box and delete it. It will never return until Google renames the hidden element (or you remove the element hiding rule you created). This method also works for removing almost any element from any of our favorite websites - I use it heavily to remove all kinds of crud from many pages that I frequent. It takes some practice to get the feel for using this technique - but it works beautifully. And, the combination of Ghostery and Adblock Plus is a gift from heaven.

Answer 4

simply place this code on css(stye.css):

.place-card .place-card-large{
    display: none !important;
}

this reviews box will be removed. And better to use a class to your map container like

.my-map .place-card .place-card-large{
    display: none !important;
}

done !

Answer 5

Just delete a few characters from the embed code and here you go.

Normal embed:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3929.040079626225!2d76.32828391488012!3d10.013548175548115!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080cf735671585%3A0x515419464975212e!2sCoredes+-+UX+Studio!5e0!3m2!1sen!2sin!4v1536297325864" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

You just need to delete the characters that come between 1m2! and 1sen!

Edited code:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3929.040079626225!2d76.32828391488012!3d10.013548175548115!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1sen!2sin!4v1536297325864" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

---

I tried more than a dozen places in different countries and worked fine for me.

Answer 6

simply enter destinations along the way such as stipulating a road to take and it will remove the alternates so you can still embed the iframe