javascript - jQuery Geocomplete - Google 署名の削除

Question

jQuery Geocomplete Libraryを使用しています。

私がやったことはこれです-

$(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>

しかし、タイプヘッドにこの小さなGoogle署名アイコンが表示されます-

それを取り除く方法はありますか？

Answer 1

https://github.com/ubilabs/geocomplete/issues/214から:

Google マップも表示する場合は、ロゴを非表示にしても問題ありません。

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

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;
}