38

Documentation suggests that if we were to use the Autocomplete with Google Maps, we can remove the "Powered by Google" logo at the bottom. Any idea how to go about doing?

8 Answers 8

82

Animesh Nandi's answer is a bit old. Actually, to remove the 'powered by Google' logo I had to use the following code:

.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}
5
  • 9
    I would also add padding: 0; and margin: 0;, otherwise it leaves a 2px white space after the last .pac-item. Maybe it was just for me, but this fixed it.
    – kaoscify
    May 14, 2015 at 19:16
  • 2
    Is it even allowed to remove the logo(for commercial purposes)? Oct 27, 2015 at 9:36
  • Any Idea about how I can do that in Android Mar 29, 2016 at 10:36
  • 1
    @Animesh Nandi'- Can you plz tell where to write this code in objective c? I need to remove 'powered by Google' in iOS Mar 9, 2018 at 12:25
  • This solution is valid only if dealing with HTML/CSS (on mobile it depends on how your application is designed to work). In that case find the stylesheet file for your app and write the above code there. Mar 10, 2018 at 7:38
18

Check this out..

It is working in my app.

Place this in your stylesheet, and watch the magic.

.pac-container:after{ content:none !important; }

2
  • This is not valida anymore. Now the logo is set as background-image either in .pac-container:after and .hdpi.pac-container:after. See my answer beneath. Aug 27, 2014 at 13:35
  • How can you see the markup that creates the autocomplete suggestions? I'd like to know how many elements are in the dropdown for accessibility.
    – zero_cool
    Jan 5, 2019 at 0:07
7

Our Autocomplete services do not need to be used in conjunction with a map, but it does require a “powered by Google” logo to appear under the text field if a map isn’t shown.

http://googlegeodevelopers.blogspot.in/2012/09/google-places-autocomplete-now-includes.html

4

Sometimes, the "Powered by Google" image can be obscured by, clash with, or be inconsistent with the styles that you put on the autocomplete list. In these cases, it is desirable to replace the image with styled text.

The image itself is defined in an :after psuedo-element. All you have to is replace the content and font-size rules. Make sure that the text you use credits Google and be sure to set a font size because it's set to zero by default.

.pac-container:after {
  content: "Powered by Google";
  font-size: 10px;
}
4

Best way to remove powered by google

.pac-container:after{display:none !important;}
1

I found 2 ways

First way

.pac-container:after {
    background-image: none !important;
    height: 0px;
    padding: 0;
    margin: 0;
}

Second way

.pac-container:after {
  content: none !important;
}

Both will remove the "Powered by Google" logo in the Google Maps autocomplete dropdown list

0

if you using pods for iOS Google Autocomplete you can remove logo with remove source logo inside Pods -> GooglePlaces -> GooglePlaces.bundle -> Resources, there is logo named "powered-by-google.." remove that , clean project ,and rebuild (i don't know if this is allowed) but it is work for me

0

Try this:

.pac-container:after{visibility: hidden!important;position: absolute; top: -9999px; 
left: -9999px;opacity: 0;width: 0; height: 0;}

Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown – Thanks to Kani's comment

1
  • That's probably not how google mention it. Be carefully with such solution I think thats against the terms of use.
    – Kani
    Feb 18, 2021 at 17:03

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