0

I'm trying to apply css to google maps iframe in order to get rid of that ugly banner: enter image description here

But I don't find a way to link my stylesheet to that iframe.. Is there any way to do that?

Thanks in advance!

1
  • 1
    Nope there is no way to style an external source, which you have no access to it. The only way to do this is to use a proxy.
    – Huelfe
    May 3, 2016 at 9:06

2 Answers 2

0

Try to embed google map iframe instead of this code it helps you to design your code as you wish and also do not add border strip. If it is not working then try to create the new location on google map with same address and then add that iframe it exactly work as you want.

another way to add this jquery code in your file.

$(document).ready( function() {
    $('.name-of-class').css('display','none');
    // find the name of the class using inspect element and then replace
    // it with the class name it will work 100%
});
0

I was also looking for a solution to hide the top banner from a Google My Maps. Found a solution here: http://www.howtoonlinetips.com/hide-google-map-top-bar-embedded-header/

It worked well for my needs. Just wrapped the iframe with a div and hide the top part.

<div style="height:400px; width:100%; display:inline-block; overflow:hidden;"> 
   <iframe class="custom-google-map" style="position:relative; top:-50px; border:none;" src="http://source-fo-the-map.com" width="What Ever Width" height="445" />
</div>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.