Google Maps zeigt die Meldung "Nur zu Entwicklungszwecken" an, wenn ich versuche, sie auf meiner Webseite anzuzeigen:

Wie könnte ich diese Nachricht verschwinden lassen?

Mein Code ist so:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
  function initialize() {  
    var myLatlng = new google.maps.LatLng(50.5792659,8.6744471);
    var centerMap = new google.maps.LatLng(50.5792659,8.6744471);
    var div = document.getElementById('map');
  }
</script>

Dann später habe ich

<p>
  <a
    href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z"
    target="_blank"
  >Route berechnen</a>
</p>

Ich sehe nicht, woher diese Nachricht stammt.

Google Maps ist nicht mehr kostenlos. Sie müssen eine Kreditkarte zuordnen, damit Sie eine Rechnung erhalten, wenn Ihre Website Anfragen hat, die das monatliche Guthaben von 200 USD überschreiten, das Sie monatlich kostenlos erhalten. Deshalb erhalten Sie die Karten mit Wasserzeichen.

Weitere Informationen finden Sie unter: https://cloud.google.com/maps-platform/pricing/

Update: Ein häufiges Problem mit dem neuen Abrechnungssystem ist, dass Sie jetzt jede API separat aktivieren müssen. Sie haben alle unterschiedliche Preise (einige sind sogar kostenlos), daher legt Google Wert darauf, dass Sie sie individuell für Ihre Domain aktivieren. Ich war noch nie ein starker Nutzer von Google Maps, aber ich habe das Gefühl, dass es jetzt viel mehr APIs gibt als früher.

Wenn Sie nach dem Aktivieren der Abrechnung immer noch eine Meldung mit eingeschränkter Nutzung erhalten, finden Sie heraus, welche API Sie genau für die Funktionen benötigen, die Sie anbieten möchten, und prüfen Sie, ob sie aktiviert ist. Die API-Einstellungen sind ärgerlich schwer zu finden.

1. Gehen Sie zu diesem Link: https://console.developers.google.com/apis/dashboard .
2. Dann wählen Sie Ihr Projekt in der Dropdown-Liste aus.
3. Gehen Sie zur Bibliothek im linken Bereich.
4. Durchsuchen Sie die verfügbaren APIs und aktivieren Sie die gewünschte.

Das mit  "Nur für Entwicklungszwecke " gekennzeichnete Wasserzeichen wird zurückgegeben, wenn eine der folgenden Bedingungen erfüllt ist:

1. In der Anforderung fehlt ein API-Schlüssel.
2. Die Abrechnung wurde für Ihr Konto nicht aktiviert.
3. Die angegebene Abrechnungsmethode ist ungültig (z. B. eine abgelaufene Kreditkarte).
4. Ein selbst auferlegtes Tageslimit wurde überschritten.

Wie Victoria schrieb, ist Google Maps nicht mehr kostenlos, aber Sie können Ihren Kartenanbieter wechseln. Möglicherweise interessieren Sie sich für OpenStreetMap. Es gibt eine einfache Möglichkeit, es auf Ihrer hier beschriebenen Website zu verwenden: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Leider gibt es auf der OpenStreetMap keine einfache Möglichkeit, eine Wegbeschreibung von einem Punkt zum anderen bereitzustellen, und es gibt auch keinen Blick auf die Straße.

Für meine Zwecke habe ich eine alternative https://www.openstreetmap.org/ verwendet .

Wie in einem Kommentar empfohlen, habe ich das Chrome-Add-In " Google Maps Platform API Checker " verwendet, um das Problem zu identifizieren und zu beheben.

Im Wesentlichen hat mich dieses Add-In hierher geleitet, wo ich mich bei Google anmelden und einen kostenlosen API-Schlüssel erstellen konnte.

Danach habe ich mein JavaScript aktualisiert und dieses Problem sofort behoben.

Altes JavaScript: ... script src = "https://maps.googleapis.com/maps/api/js?v=3" ...

Javascript wurde aktualisiert: ... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY ****** & v = 3" ...

Das Add-In validierte dann den JS-API-Aufruf. Hoffe, dies hilft jemandem, das Problem schnell zu lösen!

Jetzt ist Google Maps nur noch für die Entwicklung kostenlos.

Wenn Sie map free wie zuvor verwenden möchten, erstellen Sie ein Konto mit gültigen Daten (Abrechnung, Zahlung usw.). Google gibt 200 USD MONATLICHES KREDIT, das der KOSTENLOSEN NUTZUNG entspricht

Weitere Informationen finden Sie unter Googles neue Preisdetails: Google Map Neue Preise

Siehe auch die alten Preisangaben: Alte

Wenn Ihr mapTypeId ist SATELLITEoderHYBRID

Nun, es ist nur ein Wasserzeichen. Sie können es ausblenden, wenn Sie das ändern <div>, was z-index=100 ich verwendet habe

setInterval(function(){
    $("*").each(function() {
        if ($(this).css("zIndex") == 100) {
            $(this).css("zIndex", "-100");
        }
    })}
, 10);

oder du kannst verwenden

map.addListener('idle', function(e) {
    //same function
}

aber es ist nicht so reaktionsschnell wie setInterval

Wenn Sie eine kostenlose einfache Standortkarte mit einem einzelnen markierten Standort für Ihre Website wünschen, dann

• Gehen Sie zu AddMap .
• Hier können Sie Details eingeben, um Ihre Karte vollständig anzupassen, z. B. Standortdetails, Größe und Formatierung der Karte.
• Um schließlich den Google Map-API-Schlüssel hinzuzufügen, generieren Sie ihn mit dieser Methode .

Lassen Sie mich wissen, ob dies helfen würde ..

Es scheint mir, dass man bei der Anzeige von "Nur für Entwicklungszwecke" die Kartenkonfigurationen während der Entwicklung nicht sehen kann (oder vielmehr mit den Konfigurationen herumspielen kann). In meinem Fall habe ich nicht aktiviert, dass die Abrechnung mit der von mir verwendeten API verknüpft wird, und ich denke, dass dies der Grund ist, warum sie sich so verhält.

Für mich wurde der Fehler behoben, als die Abrechnung in der Google-Konsole aktiviert wurde. (Ich habe eine 1-jährige Entwickler-Testversion)

Sie können das iframe-Tag nicht in HTML verwenden.
Gehen Sie wie folgt vor: * Gehen Sie einfach in Google Maps und zeigen Sie Ihren Standort an.
* Klicken Sie auf "Teilen".
* Gehen Sie zu "Karte einbetten".
* Kopieren Sie den HTML-Code.
* Fügen Sie ihn in Ihren ein HTML-Seite
* Passen Sie Höhe und Breite an Ihre Anforderungen an
* ausführen

Das könnte funktionieren