如何在谷歌地图JavaScript API v3上隐藏或禁用谷歌徽标,页脚,版权？

Question

我有这项工作,我需要使用谷歌地图API v3,他们给我的设计没有谷歌放置在地图的下部的徽标/页脚/版权.好吧,我需要将它禁用或隐藏,因为我被告知无论如何都需要匹配确切的设计.

我不得不强调,通过这样做,我违反了Google服务的使用条款......

9.4归因.

(a)通过本服务提供给您的内容可能包含Google,其合作伙伴或其他由Google索引的内容的第三方权利持有者的商品名称,商标,服务标记,徽标,域名和其他显着品牌特征.当Google提供此归属信息时,您必须按照服务提供或按照Maps API文档中的说明进行显示,并且不得删除或以任何方式更改这些商品名称,商标,服务标记,徽标,域名和其他特色品牌特征. https://developers.google.com/maps/terms

在我的工作中,他们并不关心这一点,他们总是告诉我无论如何都这样做,所以这就是我在做的事情.

在css中我添加了以下代码行:

#map-report div.gmnoprint,
#map-report div.gmnoscreen {
    display: none;      
}

img[src="http://maps.gstatic.com/mapfiles/google_white.png"] {
    display: none; 
}

Answer 1

这个CSS就像魅力[2018年3月测试].
删除Google徽标,使用条款和报告问题 div.

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

Answer 2

试试api v3:

.gm-style-cc { display:none; }

Answer 3

2018年1月更新.只留下干净的地图:

a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"],
a[href^="https://www.google.com/maps"] {
    display: none !important;
}
.gm-bundled-control .gmnoprint {
    display: block;
}
.gmnoprint:not(.gm-bundled-control) {
    display: none;
}

截至2018年2月,上面的CSS使得地图上的标记无法使用.如果你没有任何标记你没有任何问题,但如果你只删除最后一个CSS规则.gmnoprint:not(.gm-bundled-control),标记将变为可点击但是会有一些版权和使用条款标签

Answer 4

如您所述,删除Google徽标和版权声明不符合Google Maps API服务条款,特别是第9.4段:

"通过本服务提供给您的内容可能包含Google的品牌特征,其战略合作伙伴或其他Google索引内容的第三方权利持有者.当Google通过本服务提供这些品牌特征或其他归因时,您必须展示此类内容提供的归属(或地图API文档中所述),不得删除或更改归属地." .

要遵守服务条款,请务必确保Google徽标和版权声明可见.

Answer 5

您无法从API中删除它.但您可以使用可以放在版权声明中的div

<div style="width:100px; height:15px; position:absolute; margin-left:100px margin-

bottom:50px; background-color:white;">
</div>

根据需要对高度,宽度和边距进行更改.

Answer 6

你可以这样做：

#map-report a img { display:none; } 

Answer 7

像v3的魅力一样工作:

.gm-style-cc {
  display: none !important;
}

.gm-style a[href^="https://maps.google.com/maps"] {
  display: none !important;
}

记下我.gm-style之前使用的第二个选择器a,否则它将隐藏所有链接,https://maps.google.com/maps不仅仅是谷歌地图本身.