如何删除Google Map Autocomplete下拉列表中的“Powered by Google”徽标?

时间:2012-09-08 02:50:53

标签: google-maps

文档显示,如果我们使用Google地图自动填充功能,我们可以删除底部的“Powered by Google”徽标。知道如何去做吗?

5 个答案:

答案 0 :(得分:54)

Animesh Nandi 的答案有点老了。 实际上,删除由Google提供支持的 ' logo我必须使用以下代码:

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

    background-image: none !important;
    height: 0px;
}

答案 1 :(得分:12)

检查出来..

它正在我的应用中运行。

将它放在你的样式表中,并注意魔力。

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

答案 2 :(得分:7)

  

我们的自动填充服务不需要与地图结合使用,但如果未显示地图,则需要在文本字段下方显示“由Google提供支持”徽标。

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

答案 3 :(得分:3)

有时,“Powered by Google”图片可能会与您在自动填充列表中添加的样式混淆,冲突或不一致。在这些情况下,最好用样式文本替换图像。

图像本身在:after伪元素中定义。您只需要替换contentfont-size规则。确保您使用的文字归功于Google,并确保设置字体大小,因为默认设置为零。

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

答案 4 :(得分:0)

试试这个:

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

免责声明:如果同时显示 Google 地图,则不需要显示“由 Google 提供支持” – 感谢 Kani's 评论