Ce CSS fonctionne comme charm [Mars 2018 testé].
Supprime Logo Google, conditions d'utilisation de, et Signaler un problème 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;
}

Essayez ceci pour api v3:

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

Mise à jour de janvier 2018 . Ne laisse que la carte propre:

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

En février 2018, le CSS ci-dessus rend les marqueurs sur la carte unclickabe. Si vous n'avez pas de marqueurs, vous n'aurez aucun problème, mais si vous supprimez simplement la dernière règle CSS .gmnoprint:not(.gm-bundled-control), les marqueurs deviendront cliquables mais il y aura quelques petites étiquettes de copyright et de conditions d'utilisation

Comme vous l'avez mentionné, la suppression du logo Google et des mentions de copyright n'est pas conforme aux API Google Maps TOS, plus précisément avec le paragraphe 9.4:

"Le Contenu qui vous est fourni par le biais du Service peut contenir les caractéristiques de la marque de Google, de ses partenaires stratégiques ou d'autres titulaires de droits tiers sur le contenu indexé par Google. Lorsque Google fournit ces Caractéristiques de marque ou toute autre attribution via le Service, vous devez afficher cette attribution telle que fournie (ou comme décrit dans la documentation des API Maps) et ne doit pas supprimer ou modifier l'attribution.".

Pour être conforme aux Conditions d'utilisation, veuillez toujours vous assurer que le logo Google et les mentions de copyright sont visibles.

Vous ne pouvez pas le supprimer de l'API. Mais vous pouvez utiliser un div que vous pouvez placer sur l'avis de droit d'auteur

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

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

Effectuez les modifications de la hauteur,de la largeur et des marges en fonction des besoins.

Vous pouvez faire ceci:

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

Fonctionne comme un charme avec v3:

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

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

Prenez une note pour le 2ème sélecteur J'utilise .gm-style avant a car sinon il masquera tous les liens vers https://maps.google.com/maps non seulement de Google map lui-même.

Vous pouvez empêcher le clic sur google copyright.so, qu'il ne permettra pas à l'utilisateur de sortir de votre application.Espérons que cela résout votre problème.

google.maps.event.addListenerOnce(map, 'idle', function(){
    // do something only the first time the map is loaded
    //@mapCopyright - gets the google copyright tags
    var mapCopyright=document.getElementById('map-canvas').getElementsByTagName("a");   
        $(mapCopyright).click(function(){
            return false;
        });
    });

Mettez d'abord vos cartes dans un conteneur:

<div id="map">
    <div class="google-maps"></div>
</div>

CSS:

#map {
    position: relative;
    height: 500px;
    overflow: hidden; //important
}
#map .google-maps {
    position: absolute;
    width: 100%;
    height: 110%;  //that will do the trick
    left: 0;
    top: 0;
}

Utilisez ce code (css)

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

Amélioration d'une autre solution ici, cela désactive simplement les liens dans la carte, afin que les gens ne quittent pas l'application (et restent bloqués sans moyen de revenir en arrière). Sur une application, cela fait une grande différence lorsque les gens essaient de faire défiler une petite carte et de taper par erreur.

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

      $("#map a").click(function(){
          return false;
      });
  });

Ceci:

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

Est suffisant dans mon cas

Cela fera l'affaire.

$('#map span:contains("©")')
    .closest('.gmnoprint')
    .css('opacity', '0')

Cela fonctionne pour l'instant, au moins jusqu'à ce qu'ils modifient l'attribut title pour le lien autour du logo.

.gm-style a[title='Click to see this area on Google Maps']{ display: none!important; }

.gm-style > div:first-child {
z-index: 10000000 !important;
}

Z-index: 1000000 est ajouté par js pour toutes les divs, mais nous voulons voir uniquement la carte, nous devons donc définir z-index sur 10000000

One-liners fonctionnant avec V3

CSS

#map .gm-style > div:not(:first-child) { display: none; }

JQuery

$('#map .gm-style > div:not(:first-child)').remove()