jQuery Geocomplete - Remove Google Signature

Question

I am using jQuery Geocomplete Library.

What I have done is this-

$(function()
{
 $("#find_product_location").geocomplete(
 {
  map   : "#product_location",
  mapOptions :
  {
   mapTypeId : 'roadmap',  //roadmap, satellite,hybrid, terrain,
   scrollwheel : true,
   zoom: 10,
   center : new google.maps.LatLng(37.42152681633113, -119.27327880000001),
  },
  markerOptions:
  {
   draggable: true
  },
 });
 //var product_location_map = $("#find_product_location").geocomplete("map"); //Get the map for any more operation
});

#product_location
{ 
 width: 100%; 
 height: 400px;
}

<script src="http://maps.googleapis.com/maps/api/js?sensor=true&amp;libraries=places"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.min.js"></script>

<input id="find_product_location" type="text" placeholder="Type Your Address"/>
<div id="product_location"></div>

But I am getting this small google signature icon in the type-head-

Is there any way of removing that?

Answer 1

From https://github.com/ubilabs/geocomplete/issues/214:

If you also show a Google Map, it is OK to hide the logo:

https://developers.google.com/places/webservice/policies#logo_requirements

You can hide it using CSS:

.pac-container:after {  /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
    background-image: none !important;
    height: 0px;
}