58

私は、Google マップ API v3 を使用する必要がある仕事をしていますが、彼らが私に与えたデザインには、Google がマップの下部に配置するロゴ/フッター/著作権がありませんでした。何があっても正確なデザインに合わせる必要があると言われたので、無効にするか非表示にする必要があります。

これを行うことで、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; 
}
4

18 に答える 18

128

この CSS は魅力的に機能します [2019 年 10 月にテスト済み]。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;
}
于 2014-05-12T15:42:09.777 に答える
20

API v3でこれを試してください：

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

于 2014-03-22T18:48:42.767 に答える
7

ご指摘のとおり、Google のロゴと著作権表示を削除することは、 Google Maps API の TOS、具体的にはパラグラフ 9.4 に準拠していません。

「本サービスを通じてお客様に提供されるコンテンツには、Google、その戦略的パートナー、または Google が索引付けするコンテンツのその他の第三者の権利所有者のブランドが含まれる場合があります。Google が本サービスを通じてこれらのブランドまたはその他の属性を提供する場合、お客様はそのような表示を行う必要があります。提供されている (または Maps API ドキュメントに記載されている) 帰属表示であり、その帰属表示を削除または変更してはなりません。」.

利用規約に準拠するために、常に Google のロゴと著作権表示が表示されていることを確認してください。

于 2017-01-12T09:33:52.553 に答える
5

APIから削除することはできません。ただし、著作権表示に配置できるdivを使用できます

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

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

必要に応じて、高さ、幅、マージンを変更します。

于 2012-09-19T17:53:04.827 に答える
5

あなたはこれを行うことができます：

#map-report a img { display:none; }
于 2013-03-22T20:28:26.890 に答える
1

ここで別の解決策を改善すると、これはマップ内のリンクを無効にするだけなので、人々はアプリを離れることはありません (そして、戻る方法がなくて動けなくなります)。アプリでは、ユーザーが小さな地図をスクロールして誤ってタップしようとすると、大きな違いが生じます。

  google.maps.event.addListenerOnce(map, 'idle', function(){

      $("#map a").click(function(){
          return false;
      });
  });
于 2015-07-19T21:50:56.237 に答える
1

このコード（css）を使用してください

a[href^="http://maps.google.com/maps"]{display:none !important}
于 2014-07-20T11:48:24.433 に答える
1

これ：

#map-repor > div { 
  height: 105% !important;
}

私の場合は十分です

于 2016-01-21T15:23:02.547 に答える
0

これでうまくいきます。

$('#map span:contains("©")')
    .closest('.gmnoprint')
    .css('opacity', '0')
于 2014-09-21T00:42:51.323 に答える
0 
.gm-style > div:first-child {
z-index: 10000000 !important;
}

z-index: js によってすべての div に 1000000 が追加されますが、マップのみを表示したいので、z-index を 10000000 に設定する必要があります

于 2015-10-11T21:55:57.270 に答える