wake-up-neo.com

Google Maps zeigt "Nur für Entwicklungszwecke"

Google Maps zeigt die Meldung "Nur für Entwicklungszwecke" an, wenn ich versuche, sie auf meiner Webseite anzuzeigen:

enter image description here

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');

Dann habe ich später

     '<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-mapsgoogle-maps-api-3
113
tmighty

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 Ihnen kostenlos zur Verfügung stellen. Aus diesem Grund 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 besteht darin, dass Sie jetzt jede API separat aktivieren müssen. Sie haben alle unterschiedliche Preise (einige sind sogar kostenlos). Google legt Wert darauf, dass Sie sie individuell für Ihre Domain aktivieren. Ich war 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 also nach der Aktivierung der Abrechnung immer noch eine Meldung zur eingeschränkten Nutzung erhalten, ermitteln Sie, welche API Sie genau für die Funktionen benötigen, die Sie anbieten möchten, und überprüfen Sie, ob diese aktiviert sind. 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 im linken Bereich zur Bibliothek.
  4. Durchsuchen Sie die verfügbaren APIs und aktivieren Sie die von Ihnen benötigte.
148
Victoria Ruiz

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

  1. 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. abgelaufene Kreditkarte).
  4. Ein selbst auferlegtes Tageslimit wurde überschritten.
27
Rushikesh Pandit

Wie Victoria schrieb, ist Google Maps nicht mehr kostenlos, aber Sie können Ihren Kartenanbieter wechseln. Möglicherweise interessiert Sie 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, Wegbeschreibungen von einem Punkt zum anderen bereitzustellen, und es gibt auch keine Straßenansicht.

22
Paweł Dulak

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

Im Wesentlichen leitete mich dieses Add-In zu hier , 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" ...

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

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

enter image description here

4
Mike Dubs

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

4
Daniel Sokolowski

Jetzt ist Google Maps nur 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 Ihnen ein monatliches Guthaben von 200 USD, das für eine KOSTENLOSE NUTZUNG äquivalent ist

Weitere Details finden Sie unter Googles neue Preisdetails: Google Map neue Preise

Siehe auch die alten Preisangaben: Alte

3
Srikrushna

Wenn Sie eine kostenlose, einfache Karte mit einem einzelnen markierten Ort für Ihre Website möchten, klicken Sie auf "Dann"

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

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

1
Rahul Mahawar

füge so eine google map js datei hinzu

   <script src="https://maps.googleapis.com/maps/api/js?key=your key here"
    async defer></script>

sie erhalten nur zu Entwicklungszwecken eine Nachricht, wenn Sie sie wie folgt hinzufügen

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
    async defer></script>

vermeiden Sie daher das Hinzufügen von callback = initMap zum Script-Tag

Stellen Sie außerdem sicher, dass Sie Ihre Website zum Google Developer Console Maps-Bereich hinzugefügt haben: enter image description here

1
user889030

Es scheint mir, dass man bei der Anzeige von "Nur für Entwicklungszwecke" die Kartenkonfigurationen während der Entwicklung (oder vielmehr beim Herumspielen mit den Konfigurationen) nicht sehen 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.

0
Ronow

nun, es ist nur ein Wasserzeichen. Sie können es ausblenden, wenn Sie den <div> ändern, der z-index=100 enthält, den ich verwende

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

oder Sie können verwenden

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

aber es ist nicht so reaktionsschnell wie setInterval

0
blesafho