Abrar Jahin Abrar Jahin - 2 years ago 199
Javascript Question

jQuery Geocomplete - Remove Google Signatre

I am using jQuery Geocomplete Library.

What I have done is this-

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

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-

enter image description here

Is there any way of removing that?

Answer Source

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

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


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;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download