Reputation: 17010
I need to place a Google Maps embed map in a website. I setup the map on Google Maps website, copied the given <iframe>
embed code and put it in my page.
The space for the map it's very limited, so I want to hide the address balloon from it, but leaving the red placeholder. I mean the huge white balloon with the place address in the center of the map.
You can see it here. This is the exact URL used in my <iframe src>
.
I've tried to click the Customize and preview embedded map link under the given code, but I see no options to remove the balloon. If I remove in from the map preview, the code is not updated.
Upvotes: 8
Views: 17883
Reputation: 1557
The 'iwloc' trick didn't work for me. It works when you use coordinates instead of the business name, as of 1/22/2018
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>
Upvotes: 1
Reputation: 5697
I doubt you can edit it a lot more than what give on the customise page.
Exactly what do you mean by the "Address Balloon"?
When I see an embedded google map, I see a movement section at the top left, a type-of-map section at the top right, and a footer at the bottom of the map.
Is it any of these?
--UPDATE-- Try this
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?q=campagnola+emilia&ie=UTF8&hl=en&hq=campagnola+emilia&hnear=&radius=15000&ll=44.841266,10.759212&spn=0.006295,0.006295&t=m&vpsrc=6&output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?q=campagnola+emilia&ie=UTF8&hl=en&hq=campagnola+emilia&hnear=&radius=15000&ll=44.841266,10.759212&spn=0.006295,0.006295&t=m&vpsrc=6&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
Upvotes: 0