In Google Maps wird "Nur zu Entwicklungszwecken" angezeigt.

155

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

Geben Sie hier die Bildbeschreibung ein

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.

mächtig
quelle
6
Ich weiß, dass diese Fragen bereits beantwortet wurden, aber falls Sie es nicht wussten, gibt es ein Tool namens Google Maps Platform API Checker für Google Chrome, mit dem Sie Ihre Google Maps-Integration debuggen können -> chrome.google.com/webstore/detail/ google-maps-platform-api /…
Dayron Gallardo

Antworten:

190

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.
Victoria Ruiz
quelle
2
Die Preise auf der Karte werden -->
geladen.
Vielen Dank, du rettest meinen Tag. Und für FYI erhalten Sie zum ersten Mal, wenn Sie Ihr Konto mit Google verknüpfen, kostenlos 300 $.
Majorl3oat
1
Dauert dies einige Tage, um in Kraft zu treten? Ich habe das vor ein paar Tagen gemacht, aber immer noch die Nachricht auf meinen Karten erhalten. Sogar klicken Sie sich um und stellen Sie sicher, dass ich jede Vereinbarung akzeptiere ..... Ich sehe auf dem Dashboard, wo der Verkehr
hineinkommt
Nein, normalerweise dauert es nicht lange. Meine Erfahrung ist Minuten. Möglicherweise müssen Sie jedoch verschiedene APIs aktivieren, damit die Dinge funktionieren. Welche Fehlermeldung erhalten Sie, @DigitalMystery?
Victoria Ruiz
Es ist auf meiner mobilen App. Zuerst ist es das Popup "Diese Seite kann Google Maps nicht richtig laden." Klicken Sie auf OK und die Karte zeigt die obige Meldung. Ich benutze auch meinen Schlüssel ..... @ VictoriaRuiz
DigitalMystery
35

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.
Rushikesh Pandit
quelle
29

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.

Paweł Dulak
quelle
Wie geht das mit Angular 6?
Kalyanam Rajashree
1
Ich habe die offene Straßenkarte von diesem Link zu einer jsfiddle hinzugefügt: jsfiddle.net/nLj1uaqc
Andrew
7

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!

Geben Sie hier die Bildbeschreibung ein

Mike Dubs
quelle
3

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

Srikrushna
quelle
2

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

Blesafho
quelle
Was meinst du mit "reaktionsschnell"?
Artem Bernatskyi
schneller, aber nicht effizienter
Blesafho
Wenn diese Methoden einmal funktioniert haben, scheinen sie immer noch nicht zu funktionieren. Sie sehen aus, als würden sie Endlosschleifen auslösen, da Google nur Flip-Flops macht, was Sie getan haben.
Nosajimiki
Diese Methode funktioniert nicht, da Google andere Bilder verwendet und das Wasserzeichen direkt auf der Kartenkachel platziert wird, z. B.: Maps.googleapis.com/maps/…
syntagma
1

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 ..

Rahul Mahawar
quelle
0

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.

Ronow
quelle
0

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

Dilanka wasana
quelle
-5

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

vijey
quelle