Wenn Sie den Kartendienst von Google auf Ihrer Internetseite nutzen und die oben genannte Fehlermeldung angezeigt bekommen, müssen Sie handeln. Denn: Google Maps ist nicht mehr wirklich kostenlos. Unter welchen Umständen der Dienst kostenpflichtig wird und welche Alternativen es gibt zeigen wir Ihnen in diesem Beitrag.
Zusammenfassung der wichtigsten Informationen hier im Video:
Ich will gar kein Google Maps einsetzen - und brauche eine Alternative!
Voilà, die haben wir. Zumindest für den ganz einfachen folgenden Fall - der auch sehr häufig auf den von uns betreuten Seiten vorkommt:
Wo befindet sich unser Büro
Und wie kann ich da hinkommen – zum Beispiel mit öffentlichen Verkehrsmitteln?
Karte ohne Google Maps - und DSGVO-konform
So kann die fertige Karte dann aussehen und genutzt werden. Sie können ja zusätzlich einen Link auf die Karte in Google-Maps setzen - da spricht ja aus Datenschutzgründen überhaupt nichts gegen. Und mit dieser Alternative zu Google Maps gibt es mindestens zwei Vorteile:
Die Besucher Ihrer Seite bekommen auf den ersten Blick eine Orientierung, wo sich Ihr Unternehmen befindet
Sie als Seitenbetreiber/ -verantwortlicher haben eine einfache, DSGVO-konforme Anfahrtskizze auf Ihrer Homepage.
Quellcode anzeigen
<scriptsrc="svg-pan-zoom.js"></script><divid="karte"style="width: 716px; height: 100%"><!-- hier dann die Karte als SVG-Datei einbinden. Weil das nun ziemlich viel Code ist, haben wir das hier rausgelassen! --><label>Bus- und Bahnhaltestellen <inputtype="checkbox"checked="checked"class="busschalter"></label><!-- irgendein Element einfügen, dass als "Schalter dient --></div><script>
$(function() {
//Basisaufruf für die interaktive Karte
panZoomInstance = svgPanZoom('#karte svg', {
zoomEnabled: true,
controlIconsEnabled: true,
fit: true,
center: true
});
//Wenn die Browserfenstergöße geändert wird einfach alles nochmal machen lassen
$(window).resize(function(){
panZoomInstance.resize();
panZoomInstance.fit();
panZoomInstance.center();
})
//mit jquery die Ebene pois_symbol ein- und ausblenden
$(".busschalter").on("click", function() {
$("#karte svg #pois_symbol").toggle();
});
})
</script>
Statische Karte mit ein wenig Voodo-Zauber ...
Die angezeigte Karte besteht aus einer simplen SVG-Datei. Sie können mit einem entsprechenden (Vektor-)Bearbeitungsprogramm die Farben ändern, Texte vergrößern und weitere eigene Punkte "hineinmalen". Und am allerbesten: Die Karte lässt sich problemlos vergrößern - ohne dass die Inhalte unleserlich werden. Also wie bei Google Maps - nur eben in "datenschutzkonformer".
Wieviel kostet so eine Karte?
Eine Karte im DIN A4-Querformat kostet ca. 45,00 EUR netto - einmalig! Ja, wir wissen, dass online nicht aus DIN-Formaten besteht. Aber es ist so herrlich einfach, zur Veranschaulichung auf bekannte Größenangaben zu verweisen. Die tatsächlichen Kosten je Karte sind abhängig von der Kartengröße in Pixeln. Genaueres erfragen Sie am besten bei 123map.
Wenn Sie die Karte ohne Nachbearbeitung auf Ihrer Seite einbinden wollen kommt nur noch der Programmieraufwand durch Ihren Entwickler dazu. Vielleicht machen Sie das ja auch selber? Falls alle Stricke reißen: Wir stehen auch bereit, Sie können sich bei Fragen gerne an uns wenden.
Ihnen ist das an der Stelle viel zu technisch?
Sie wollen vor allem eine datenschutzkonforme Lösung und sind bereit, die einmaligen Lizenzkosten für die Karte plus etwaiger Programmierkosten zu tragen? Kurzum: Sie suchen einen einen Dienstleister, der Ihnen den ganzen Kram vom Halse schafft und für Sie löst? Wir stehen bereit!
Wie kommen Sie an lizenziertes Kartenmaterial?
Wohl dem, der die Kollegen der Firma 123map zum Büronachbarn hat. Die sind spezialisiert auf Kartenmaterial auf Basis von OpenStreet-Map Karten. Bei 123map können Sie online den benötigten Kartenausschnitt zurechtschneiden, einmalig lizenzieren – und dann gibt es keinen Grund mehr, sich mit Google Maps Karten herumplagen zu müssen.
In dem folgenden Video wird das mal ganz kurz gezeigt wie es geht. 123map hat auf YouTube noch einige weitere "So geht's" Videos" veröffentlicht.
Disclaimer: Es geht uns nicht darum, Google Maps zu bashen o.ä.! Aber für ganz einfache Anforderungen sind Google Maps einfach zu mächtig geworden wenn es um die aufgezählten Rahmenbedingungen geht!
Karte erstellen und einbinden
Wenn Sie die Karte von 123map als SVG-Datei erstellt haben, können Sie schon so auf Ihrer Seite einbinden. So sieht die Karte ohne Nachbearbeitung aus:
Und nun - etwas Interaktion bitte!
"Laaaaangweilig!" hören wir Homer Simpson rufen. Eine statische Karte, ohne Möglichkeiten zum Zoomen und Verschieben?
Geduld, hier kommt der nächste Schritt. Damit Karten im SVG-Format in einem Browser entsprechende Zusatzfunktionen bekommen können, braucht es entsprechende JavaScript-Bibliotheken. Die gibt es kostenlos, wir haben für unser Beispiel die svg-pan-zoom library verwendet.
Einmal in Ihre Webseite eingebunden, dann noch mit dem passenden Voodo-Code aufgerufen - und schon können Sie die Karte verschieben und vergrößern/verkleinern.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
Quellcode anzeigen
<scriptsrc="svg-pan-zoom.js"></script><divid="karte"style="width: 716px; height: 100%"><!-- hier dann die Karte als SVG-Datei einbinden. Weil das nun ziemlich viel Code ist, haben wir das hier rausgelassen! --></div><script>
$(function() {
//Basisaufruf für die interaktive Karte
panZoomInstance = svgPanZoom('#karte svg', {
zoomEnabled: true,
controlIconsEnabled: true,
fit: true,
center: true
});
//Wenn die Browserfenstergöße geändert wird einfach alles nochmal machen lassen
$(window).resize(function(){
panZoomInstance.resize();
panZoomInstance.fit();
panZoomInstance.center();
})
})
</script>
Zusatzinformationen anzeigen
Da wir als Seitenbetreiber selten wissen, welche Informationen die Besucher zusätzlich benötigen (Bushaltestellen, Autobahnabfahrten, Parkplätze, Ladestationen etc.., geben wir den Nutzern die Möglichkeit, diese Informationen ein- und auszublenden. In dem Kartenmaterial von 123map stehen schon sehr viele Zusatzinformationen zur Verfügung. Da diese auf eigenen Ebenen stehen, können die über Programmierung einfach angesprochen und ein-/ausgeblendet werden.
Welche Zusatzinformationen gibt es denn schon? Andersrum: Was fehlt denn? Das Kartenmaterial bei 123map kommt von OpenStreet-Map. Bedeutet: Die Nutzer stellen alle Informationen zur Verfügung. Wenn Sie zum Beispiel alle Ausgabestellen von Hundekotbeuteln auf einer Karte dargestellt haben wollen - hier ist die passende Karte.
Okay, Sie haben nicht vergessen, warum Sie eigentlich auf dieser Seite gelandet sind. Also dann: Starten wir mit den Erläuterungen.
Damit der Kartendienst ohne die Fehlermeldung genutzt werden kann, müssen Sie als Seitenbetreiber einen Zugang zur Google Cloud Plattform anlegen. Und in dieser Plattform erstellen Sie einen Zugangsschlüssel ("API-Key"), der mit Ihrem Konto und Ihren Karten verknüpft ist. Sobald Sie diesen Zugangsschlüssel erstellt haben, ist auch die Fehlermeldung weg.
Kostet Google Maps jetzt Geld?
Die Nutzung von Google Maps ist zunächst nicht kostenpflichtig! Zumindest nicht, wenn Ihre Kartenaufrufe unterhalb eines bestimmten Limits liegen. Dieses Limit bzw. Kontingent wird von Google festgelegt. Stand jetzt erhält jeder Nutzer von Google Maps ein monatliches Guthaben von 200 $. Dieses Guthaben reicht beispielsweise für bis zu 100.000 statische Kartenaufrufe im Monat.
Was bitte sind statische Kartenaufrufe? Ein Kartenaufruf in dieser Form: https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap &markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318 &markers=color:red%7Clabel:C%7C40.718217,-73.998284 &key=YOUR_API_KEY
Ist doch super, das reicht doch aus für meine Seite!
Prima, dass Sie Ihre Zahlen und Daten für Ihre Kartenaufrufe so gut kennen. Unsere Erfahrung ist etwas anders: Wir kennen i.d.R. die Besucherzahlen und Seitenaufrufe unserer Projekte. Aber wie oft eine Karte aufgerufen wurde und wie oft z.B. innerhalb einer Karte gezoomt wird, eine Routenberechnung durchgeführt wird etc. - darüber haben wir doch keine Kenntnis. Und schnell wird das zur Kostenfalle. Denn wenn die Nutzer in Ihrem Angebot begeistert hin- und herzoomen, sich die Anfahrtswege erstellen etc. kommen Sie sehr schnell an die Grenze der monatlich kostenlosen Pauschale. Sicherlich bleiben die Kosten auch dann noch im Rahmen (siehe Preisliste). Aber: Es bleibt ein ungutes "Da kann noch etwas an Kosten aufkommen" Gefühl.
Sie müssen ein Zahlungsprofil hinterlegen - sonst haben Sie schlechte bzw. keine Karten
Auch wenn Sie auf Jahre hinaus wissen, nicht über die monatliche kostenlose Pauschale zu kommen: Sie müssen beim Anlegen Ihres Zugangsschlüssels ein Zahlungsprofil anlegen. In den meisten Fällen ist das eine Kreditkarte. Ohne diese Angabe gibt es keine Google Maps. Aus Sicht von Google ist es nachvollziehbar, im Falle einer verstärkten Nutzung auch sicher sein zu können an das Geld zu kommen. Aber ist das für Sie als Seitenbetreiber noch eine Option?
Welches Preismodell gibt es jetzt für Google Maps?
Folgende Dienste sind seit dem 16.07.2018 kostenpflichtig.
„Directions Mode“ (die Route ist in der Karte schon eingebettet)
„Search Mode“ (Anzeige einer bestimmten Suchabfrage in einem Gebiet, z.B. dynamische Anzeige aller X Filialen in Hannover)
Ist eine „normale“ Google Map auf einer Kontaktseite kostenpflichtig ?
Das ist abhängig davon wie die Karte auf der Seite eingebunden wird:
mit „Maps Javascript API„: $ 7 für 1000 Aufrufe im Monat (wenn zoomen oder verschieben der Karte möglich ist, wird es wahrscheinlich diese dynamische Variante sein.)
„basic Maps Embed API“: gratis
(statische Map ohne die Möglichkeiten zu zoomen oder zu verschieben)
Das ist uns ganz offen egal und auch nicht unsere Kompetenz das zu bewerten! Entscheidend für uns als Agentur, unsere Kunden und Sie als Seitenbetreiber sollte vielmehr folgende Überlegung sein:
Welche Alternativen gibt es zu Goolge Maps?
Für den ganz einfachen Anwendungsfall haben wir ja schon ein Beispiel geschildert. Wenn Ihnen das noch nicht ausreicht - fragen Sie uns gerne an.
Warum macht Google diesen Schritt?
Äh ... weil: es ist doch so herrlich einfach! Tja, angesichts der geänderten Rahmenbedingungen (s.o.) und vor allem der DSGVO ist das nun auch nicht mehr so einfach. Denn wenn Sie Google Maps auf Ihren Seiten einbinden, werden Daten an Google übertragen. Und um dann datenschutztechnisch auf der richtigen Seite zu sein müssen Sie eine Auftragsverarbeitung mit Google abschließen. Und natürlich auch Ihre Datenschutzerklärung anpassen. Alles nur wegen eine Anfahrtsskizze oder einem Lageplan. Ganz schön viel Aufwand, oder?
Wer schreibt hier?
Dirk Pache - der erste Mitarbeiter der Firma ...
Gründer und Inhaber Bekennender 96 Fan, Freund von Wortspielen, Kalauern und weiteren Synonymen
