Google Maps kann auf dieser Seite nicht richtig geladen werden - und nun?

von Dirk Pache

Webdesign & Webentwicklung > Google Maps kann auf dieser Seite nicht richtig geladen werden - und nun?

Ihre Google Maps werden nicht mehr richtig geladen? Das hier hilft ...

Inhalt öffne dich!

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.

Hinweise, was Sie tun müssen um die Fehlermeldung wegzubekommen finden Sie am Ende dieses Beitrags.

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:

  1. Wo befindet sich unser Büro
  2. 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:

  1. Die Besucher Ihrer Seite bekommen auf den ersten Blick eine Orientierung, wo sich Ihr Unternehmen befindet
  2. Sie als Seitenbetreiber/ -verantwortlicher haben eine einfache, DSGVO-konforme Anfahrtskizze auf Ihrer Homepage.
BultSüdstadt BultSüdstadt Messeschnellweg Messeschnellweg Am PferdeturmHans-Böckler-AlleeSallstraßeBerliner AlleeSchiffgrabenMarienstraßeAegidientorplatzBischofsholer DammHildesheimer StraßeFriedrichswall Am PferdeturmHans-Böckler-AlleeSallstraßeBerliner AlleeSchiffgrabenMarienstraßeAegidientorplatzBischofsholer DammHildesheimer StraßeFriedrichswall ClausewitzstraßeLindemannalleeJordanstraßeSallstraßePlathnerstraßeLavesstraßePrinzenstraßeOsterstraßeGeorgstraßeGeibelstraße ClausewitzstraßeLindemannalleeJordanstraßeSallstraßePlathnerstraßeLavesstraßePrinzenstraßeOsterstraßeGeorgstraßeGeibelstraße LönsstraßeNettelbeckstraßeGneisenaustraßeSeligmannalleeEintrachtwegRöpkestraßeBölschestraßeHaeckelstraßeKerstingstraßeFreundalleeDammannstraßeWillestraßeMax-Eyth-StraßeHeiligengeiststraßeJanusz-Korczak-AlleeRimpaustraßeMenschingstraßeBrehmstraßeAnna-Zammert-StraßeSchwesternhausstraßeAm SüdbahnhofHeinrich-Stamme-StraßeAnnenstraßeGroße DüwelstraßeSonnenwegStadtstraßeHeidornstraßeBrehmhofSimrockstraßeStolzestraßeRautenstraßeDieckmannstraßeBillwegHartmannstraßeDürerstraßeWalter-Gieseking-StraßeKleine DüwelstraßeTiestestraßeRobert-Koch-PlatzRüsterburgPilotystraßeAn der WeideGeibelplatzWildenbruchstraßeAn der QuestenhorstAlbert-Niemann-StraßeStüvestraßeOesterleystraßeSpielhagenstraßeKestnerstraßeKippstraßeSeestraßeBultstraßeGrimmstraßeKortumstraßeJohannssenstraßeHedwigstraßeBertastraßeWarmbüchenkampLandschaftstraßeUbbenstraßeDieterichsstraßeWilhelmstraßePapenstiegWeinstraßeAm JungfernplanHöltystraßeAegidiendammGeorgsplatzArnswaldtstraßeAdelheidstraßeBaumstraßeBreite StraßeLemförder StraßeBleichenstraßeLessingstraßeFeldstraßeOstermannstraßeAm GraswegeAkazienstraßeIfflandstraßeSchlägerstraßeBirkenstraßeHaarstraßeWiesenstraßeSextrostraßeLangensalzastraßeGneiststraßeLehzenstraßeMaschstraßeGroße BarlingeKrausenstraßeLutherstraße LönsstraßeNettelbeckstraßeGneisenaustraßeSeligmannalleeEintrachtwegRöpkestraßeBölschestraßeHaeckelstraßeKerstingstraßeFreundalleeDammannstraßeWillestraßeMax-Eyth-StraßeHeiligengeiststraßeJanusz-Korczak-AlleeRimpaustraßeMenschingstraßeBrehmstraßeAnna-Zammert-StraßeSchwesternhausstraßeAm SüdbahnhofHeinrich-Stamme-StraßeAnnenstraßeGroße DüwelstraßeSonnenwegStadtstraßeHeidornstraßeBrehmhofSimrockstraßeStolzestraßeRautenstraßeDieckmannstraßeBillwegHartmannstraßeDürerstraßeWalter-Gieseking-StraßeKleine DüwelstraßeTiestestraßeRobert-Koch-PlatzRüsterburgPilotystraßeAn der WeideGeibelplatzWildenbruchstraßeAn der QuestenhorstAlbert-Niemann-StraßeStüvestraßeOesterleystraßeSpielhagenstraßeKestnerstraßeKippstraßeSeestraßeBultstraßeGrimmstraßeKortumstraßeJohannssenstraßeHedwigstraßeBertastraßeWarmbüchenkampLandschaftstraßeUbbenstraßeDieterichsstraßeWilhelmstraßePapenstiegWeinstraßeAm JungfernplanHöltystraßeAegidiendammGeorgsplatzArnswaldtstraßeAdelheidstraßeBaumstraßeBreite StraßeLemförder StraßeBleichenstraßeLessingstraßeFeldstraßeOstermannstraßeAm GraswegeAkazienstraßeIfflandstraßeSchlägerstraßeBirkenstraßeHaarstraßeWiesenstraßeSextrostraßeLangensalzastraßeGneiststraßeLehzenstraßeMaschstraßeGroße BarlingeKrausenstraßeLutherstraße DickensstraßeBaumstraße DickensstraßeBaumstraße Bischofsholer WegPeter-Hübotter-BrückeStadtparkwegCora-Berliner-WegCook-PassageGneiststraße Bischofsholer WegPeter-Hübotter-BrückeStadtparkwegCora-Berliner-WegCook-PassageGneiststraße Maschsee Maschsee 0100200300m 02 Jan 2020 © 123map • Daten: OpenStreetMap, Lizenz ODbL 1.0 WGS 84 (World Geodetic System 1984) EPSG: 4326 Longitude:9.7607351 Latitude:52.3667114 Pseudo Mercator (spherical) EPSG: 3857 Northing:1086560.06 Easting:6866705.12 Scale:1:2.89830587 Width:4637.28939 Height:2553.40747
Quellcode anzeigen
<script src="svg-pan-zoom.js"></script>
    <div id="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 <input type="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"> <metadata id="CorelCorpID_0Corel-Layer"/> <metadata id="CorelCorpID_1Corel-Layer"/> <defs> </defs> <metadata id="CorelCorpID_2Corel-Layer"/> <metadata id="CorelCorpID_3Corel-Layer"/> <metadata id="CorelCorpID_4Corel-Layer"/> <metadata id="CorelCorpID_5Corel-Layer"/> <metadata id="CorelCorpID_6Corel-Layer"/> <metadata id="CorelCorpID_7Corel-Layer"/> <metadata id="CorelCorpID_8Corel-Layer"/> <use xlink:href="#sl1" fill="none" stroke="#A5BFDD" stroke-width="2"/> <metadata id="CorelCorpID_9Corel-Layer"/> <use xlink:href="#sl1" fill="none" stroke="#A4BFDD" stroke-width="1"/> <metadata id="CorelCorpID_10Corel-Layer"/> <metadata id="CorelCorpID_11Corel-Layer"/> <metadata id="CorelCorpID_12Corel-Layer"/> <use xlink:href="#sl2" fill="none" stroke="#A8A8A8" stroke-width="1"/> <metadata id="CorelCorpID_13Corel-Layer"/> <use xlink:href="#sl2" fill="none"/> <metadata id="CorelCorpID_14Corel-Layer"/> <use xlink:href="#sl3" fill="none" stroke="#E3DFD8" stroke-width="2"/> <metadata id="CorelCorpID_15Corel-Layer"/> <metadata id="CorelCorpID_16Corel-Layer"/> <use xlink:href="#sl3" fill="none" stroke="#FFFFFF" stroke-width="1"/> <metadata id="CorelCorpID_17Corel-Layer"/> <use xlink:href="#sl4" fill="none" stroke="#000000" stroke-width="2"/> <metadata id="CorelCorpID_18Corel-Layer"/> <use xlink:href="#sl4" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-linecap="butt" stroke-dasharray="6,6"/> <metadata id="CorelCorpID_19Corel-Layer"/> <use xlink:href="#sl5" fill="none" stroke="#E3DFD8" stroke-width="4"/> <metadata id="CorelCorpID_20Corel-Layer"/> <use xlink:href="#sl6" fill="none" stroke="#9E9E9E" stroke-width="4"/> <metadata id="CorelCorpID_21Corel-Layer"/> <use xlink:href="#sl7" fill="none" stroke="#F3EA97" stroke-width="4"/> <use xlink:href="#sl8" fill="none" stroke="#F3EA97" stroke-width="5"/> <metadata id="CorelCorpID_22Corel-Layer"/> <use xlink:href="#sl9" fill="none" stroke="#E1A339" stroke-width="4"/> <metadata id="CorelCorpID_23Corel-Layer"/> <use xlink:href="#sl10" fill="none" stroke="#E1A339" stroke-width="6"/> <metadata id="CorelCorpID_24Corel-Layer"/> <use xlink:href="#sl5" fill="none" stroke="#FFFFFF" stroke-width="2"/> <metadata id="CorelCorpID_25Corel-Layer"/> <use xlink:href="#sl6" fill="none" stroke="#FFFFFF" stroke-width="2"/> <metadata id="CorelCorpID_26Corel-Layer"/> <metadata id="CorelCorpID_27Corel-Layer"/> <use xlink:href="#sl7" fill="none" stroke="#FFFD8B" stroke-width="2"/> <use xlink:href="#sl8" fill="none" stroke="#FFFD8B" stroke-width="3"/> <metadata id="CorelCorpID_28Corel-Layer"/> <use xlink:href="#sl9" fill="none" stroke="#FFE068" stroke-width="2"/> <metadata id="CorelCorpID_29Corel-Layer"/> <use xlink:href="#sl10" fill="none" stroke="#FFC345" stroke-width="4"/> <metadata id="CorelCorpID_30Corel-Layer"/> <defs><symbol id="sy1" viewBox="-57 -57 114 114"> <radialGradient id="sy1syg1001" cx="0" cy="0" r="10"><stop offset="0%" stop-color="white"/><stop offset="25%" stop-color="black"/></radialGradient><circle r="100" fill="url(#sy1syg1001)"/> </symbol></defs> <use xlink:href="#sy1" x="-57" y="-57" width="114" height="114" transform="matrix(0.05 0 0 0.05 1234 631)"/> <use xlink:href="#sy1" x="-57" y="-57" width="114" height="114" transform="matrix(0.05 0 0 0.05 215 783)"/> <metadata id="CorelCorpID_31Corel-Layer"/> <text x="1247" y="626">Bult</text><text x="240" y="797">Südstadt</text> <text x="1247" y="626">Bult</text><text x="240" y="797">Südstadt</text> <metadata id="CorelCorpID_32Corel-Layer"/> <text transform="matrix(0.0926 0.9957 -0.9957 0.0926 1474 245)">Messeschnellweg</text> <text transform="matrix(0.0926 0.9957 -0.9957 0.0926 1474 245)">Messeschnellweg</text> <metadata id="CorelCorpID_33Corel-Layer"/> <text transform="matrix(0.9957 -0.0929 0.0929 0.9957 1522 141)">Am Pferdeturm</text><text transform="matrix(0.9963 -0.0857 0.0857 0.9963 1160 188)">Hans-Böckler-Allee</text><text transform="matrix(0.304 0.9527 -0.9527 0.304 507 238)">Sallstraße</text><text transform="matrix(0.0461 0.9989 -0.9989 0.0461 452 75)">Berliner Allee</text><text transform="matrix(0.0948 -0.9955 0.9955 0.0948 157 180)">Schiffgraben</text><text transform="matrix(0.9971 -0.0755 0.0755 0.9971 564 233)">Marienstraße</text><text transform="matrix(0.0757 -0.9971 0.9971 0.0757 130 323)">Aegidientorplatz</text><text transform="matrix(0.8365 0.548 -0.548 0.8365 1185 535)">Bischofsholer Damm</text><text transform="matrix(0.3951 0.9186 -0.9186 0.3951 223 456)">Hildesheimer Straße</text><text x="60" y="347">Friedrichswall</text> <text transform="matrix(0.9957 -0.0929 0.0929 0.9957 1522 141)">Am Pferdeturm</text><text transform="matrix(0.9963 -0.0857 0.0857 0.9963 1160 188)">Hans-Böckler-Allee</text><text transform="matrix(0.304 0.9527 -0.9527 0.304 507 238)">Sallstraße</text><text transform="matrix(0.0461 0.9989 -0.9989 0.0461 452 75)">Berliner Allee</text><text transform="matrix(0.0948 -0.9955 0.9955 0.0948 157 180)">Schiffgraben</text><text transform="matrix(0.9971 -0.0755 0.0755 0.9971 564 233)">Marienstraße</text><text transform="matrix(0.0757 -0.9971 0.9971 0.0757 130 323)">Aegidientorplatz</text><text transform="matrix(0.8365 0.548 -0.548 0.8365 1185 535)">Bischofsholer Damm</text><text transform="matrix(0.3951 0.9186 -0.9186 0.3951 223 456)">Hildesheimer Straße</text><text x="60" y="347">Friedrichswall</text> <metadata id="CorelCorpID_34Corel-Layer"/> <text transform="matrix(0.0587 0.9983 -0.9983 0.0587 1319 104)">Clausewitzstraße</text><text transform="matrix(0.5692 -0.8222 0.8222 0.5692 1303 732)">Lindemannallee</text><text transform="matrix(0.9389 0.3443 -0.3443 0.9389 896 838)">Jordanstraße</text><text transform="matrix(0.4551 0.8904 -0.8904 0.4551 689 660)">Sallstraße</text><text transform="matrix(0.2552 0.9669 -0.9669 0.2552 830 122)">Plathnerstraße</text><text transform="matrix(0.7939 0.6081 -0.6081 0.7939 397 61)">Lavesstraße</text><text transform="matrix(0.0733 -0.9973 0.9973 0.0733 164 100)">Prinzenstraße</text><text transform="matrix(0 -1 1 0 13 339)">Osterstraße</text><text transform="matrix(0.4472 0.8944 -0.8944 0.4472 51 157)">Georgstraße</text><text transform="matrix(0.9066 -0.422 0.422 0.9066 554 859)">Geibelstraße</text> <text transform="matrix(0.0587 0.9983 -0.9983 0.0587 1319 104)">Clausewitzstraße</text><text transform="matrix(0.5692 -0.8222 0.8222 0.5692 1303 732)">Lindemannallee</text><text transform="matrix(0.9389 0.3443 -0.3443 0.9389 896 838)">Jordanstraße</text><text transform="matrix(0.4551 0.8904 -0.8904 0.4551 689 660)">Sallstraße</text><text transform="matrix(0.2552 0.9669 -0.9669 0.2552 830 122)">Plathnerstraße</text><text transform="matrix(0.7939 0.6081 -0.6081 0.7939 397 61)">Lavesstraße</text><text transform="matrix(0.0733 -0.9973 0.9973 0.0733 164 100)">Prinzenstraße</text><text transform="matrix(0 -1 1 0 13 339)">Osterstraße</text><text transform="matrix(0.4472 0.8944 -0.8944 0.4472 51 157)">Georgstraße</text><text transform="matrix(0.9066 -0.422 0.422 0.9066 554 859)">Geibelstraße</text> <metadata id="CorelCorpID_35Corel-Layer"/> <text transform="matrix(0.9191 -0.3939 0.3939 0.9191 716 33)">Lönsstraße</text><text transform="matrix(0.0353 0.9994 -0.9994 0.0353 868 47)">Nettelbeckstraße</text><text transform="matrix(0.1431 0.9897 -0.9897 0.1431 923 56)">Gneisenaustraße</text><text transform="matrix(0.1047 0.9945 -0.9945 0.1047 1342 271)">Seligmannallee</text><text transform="matrix(0.9959 -0.0905 0.0905 0.9959 1422 552)">Eintrachtweg</text><text transform="matrix(0.997 -0.0779 0.0779 0.997 1384 231)">Röpkestraße</text><text transform="matrix(0.5677 -0.8232 0.8232 0.5677 1146 603)">Bölschestraße</text><text transform="matrix(0.0968 0.9953 -0.9953 0.0968 1177 441)">Haeckelstraße</text><text transform="matrix(0.5707 -0.8212 0.8212 0.5707 1190 629)">Kerstingstraße</text><text transform="matrix(0.1029 0.9947 -0.9947 0.1029 1213 241)">Freundallee</text><text transform="matrix(0.563 -0.8265 0.8265 0.563 1104 555)">Dammannstraße</text><text transform="matrix(0.9945 -0.1047 0.1047 0.9945 1179 322)">Willestraße</text><text transform="matrix(0.5686 -0.8226 0.8226 0.5686 1261 706)">Max-Eyth-Straße</text><text transform="matrix(0.9955 -0.0943 0.0943 0.9955 1146 398)">Heiligengeiststraße</text><text transform="matrix(0.6508 -0.7593 0.7593 0.6508 1416 832)">Janusz-Korczak-Allee</text><text transform="matrix(0.4061 -0.9138 0.9138 0.4061 1153 766)">Rimpaustraße</text><text transform="matrix(0.8153 0.579 -0.579 0.8153 1198 741)">Menschingstraße</text><text transform="matrix(0.3393 0.9407 -0.9407 0.3393 985 478)">Brehmstraße</text><text transform="matrix(0.5421 0.8403 -0.8403 0.5421 939 584)">Anna-Zammert-Straße</text><text transform="matrix(0.1065 0.9943 -0.9943 0.1065 1053 368)">Schwesternhausstraße</text><text transform="matrix(0.8262 0.5633 -0.5633 0.8262 803 280)">Am Südbahnhof</text><text transform="matrix(0.9988 0.0491 -0.0491 0.9988 713 434)">Heinrich-Stamme-Straße</text><text transform="matrix(0.0791 0.9969 -0.9969 0.0791 681 265)">Annenstraße</text><text transform="matrix(0.5176 -0.8556 0.8556 0.5176 750 536)">Große Düwelstraße</text><text transform="matrix(0.0844 0.9964 -0.9964 0.0844 633 268)">Sonnenweg</text><text transform="matrix(0.4886 -0.8725 0.8725 0.4886 671 196)">Stadtstraße</text><text transform="matrix(0.1574 0.9875 -0.9875 0.1574 735 649)">Heidornstraße</text><text transform="matrix(0.9527 -0.304 0.304 0.9527 1048 510)">Brehmhof</text><text transform="matrix(0.4305 0.9026 -0.9026 0.4305 641 659)">Simrockstraße</text><text transform="matrix(0.0791 0.9969 -0.9969 0.0791 730 338)">Stolzestraße</text><text transform="matrix(0.9947 -0.1024 0.1024 0.9947 596 322)">Rautenstraße</text><text transform="matrix(0.4104 0.9119 -0.9119 0.4104 568 475)">Dieckmannstraße</text><text transform="matrix(0.5105 0.8599 -0.8599 0.5105 513 384)">Billweg</text><text transform="matrix(0.3606 0.9327 -0.9327 0.3606 550 602)">Hartmannstraße</text><text transform="matrix(0.3799 0.925 -0.925 0.3799 505 622)">Dürerstraße</text><text transform="matrix(0.8333 0.5528 -0.5528 0.8333 544 165)">Walter-Gieseking-Straße</text><text transform="matrix(0.9125 -0.4091 0.4091 0.9125 645 498)">Kleine Düwelstraße</text><text transform="matrix(0.2504 -0.9681 0.9681 0.2504 813 535)">Tiestestraße</text><text transform="matrix(0.4291 0.9033 -0.9033 0.4291 1061 635)">Robert-Koch-Platz</text><text transform="matrix(0.922 -0.3872 0.3872 0.922 889 771)">Rüsterburg</text><text x="919" y="711">Pilotystraße</text><text transform="matrix(0.2323 0.9727 -0.9727 0.2323 945 783)">An der Weide</text><text transform="matrix(0.9272 -0.3745 0.3745 0.9272 859 696)">Geibelplatz</text><text transform="matrix(0.4217 0.9067 -0.9067 0.4217 792 720)">Wildenbruchstraße</text><text transform="matrix(0.0099 -1 1 0.0099 728 811)">An der Questenhorst</text><text transform="matrix(0.4296 0.903 -0.903 0.4296 647 762)">Albert-Niemann-Straße</text><text transform="matrix(0.7546 0.6562 -0.6562 0.7546 625 844)">Stüvestraße</text><text transform="matrix(0.4422 0.8969 -0.8969 0.4422 562 734)">Oesterleystraße</text><text transform="matrix(0.9999 0.0115 -0.0115 0.9999 863 645)">Spielhagenstraße</text><text transform="matrix(0.8612 0.5083 -0.5083 0.8612 629 149)">Kestnerstraße</text><text transform="matrix(0.9956 -0.0939 0.0939 0.9956 1070 264)">Kippstraße</text><text transform="matrix(0.4472 0.8944 -0.8944 0.4472 497 508)">Seestraße</text><text transform="matrix(0.726 0.6877 -0.6877 0.726 789 159)">Bultstraße</text><text transform="matrix(0.4352 0.9003 -0.9003 0.4352 458 847)">Grimmstraße</text><text transform="matrix(0.8795 -0.4758 0.4758 0.8795 469 358)">Kortumstraße</text><text transform="matrix(0.9936 -0.1129 0.1129 0.9936 312 42)">Johannssenstraße</text><text transform="matrix(0.9949 -0.1009 0.1009 0.9949 293 90)">Hedwigstraße</text><text transform="matrix(0.7894 0.6139 -0.6139 0.7894 267 135)">Bertastraße</text><text transform="matrix(0.9921 -0.1253 0.1253 0.9921 229 185)">Warmbüchenkamp</text><text transform="matrix(0.0937 -0.9956 0.9956 0.0937 116 115)">Landschaftstraße</text><text transform="matrix(0.0159 -0.9999 0.9999 0.0159 354 98)">Ubbenstraße</text><text transform="matrix(0.2454 0.9694 -0.9694 0.2454 402 242)">Dieterichsstraße</text><text transform="matrix(0.9177 -0.3972 0.3972 0.9177 279 380)">Wilhelmstraße</text><text transform="matrix(0.3961 0.9182 -0.9182 0.3961 310 321)">Papenstieg</text><text transform="matrix(0.8979 -0.4402 0.4402 0.8979 279 439)">Weinstraße</text><text transform="matrix(0.5981 0.8014 -0.8014 0.5981 392 460)">Am Jungfernplan</text><text transform="matrix(0.1029 0.9947 -0.9947 0.1029 210 366)">Höltystraße</text><text transform="matrix(0.8835 -0.4685 0.4685 0.8835 167 411)">Aegidiendamm</text><text transform="matrix(0.9949 0.1012 -0.1012 0.9949 68 246)">Georgsplatz</text><text transform="matrix(0.9558 -0.2941 0.2941 0.9558 218 246)">Arnswaldtstraße</text><text transform="matrix(0.9099 -0.4148 0.4148 0.9099 295 481)">Adelheidstraße</text><text transform="matrix(0.2545 -0.9671 0.9671 0.2545 390 309)">Baumstraße</text><text transform="matrix(0.9956 0.0933 -0.0933 0.9956 67 300)">Breite Straße</text><text transform="matrix(0.9162 0.4008 -0.4008 0.9162 52 480)">Lemförder Straße</text><text transform="matrix(0.9954 0.0955 -0.0955 0.9954 74 433)">Bleichenstraße</text><text x="427" y="180">Lessingstraße</text><text transform="matrix(0.9057 -0.4239 0.4239 0.9057 337 620)">Feldstraße</text><text transform="matrix(0.9301 -0.3674 0.3674 0.9301 392 539)">Ostermannstraße</text><text transform="matrix(0.9214 -0.3887 0.3887 0.9214 281 849)">Am Graswege</text><text transform="matrix(0.8916 -0.4529 0.4529 0.8916 186 591)">Akazienstraße</text><text transform="matrix(0.19 0.9818 -0.9818 0.19 185 751)">Ifflandstraße</text><text transform="matrix(0.8599 0.5105 -0.5105 0.8599 408 631)">Schlägerstraße</text><text transform="matrix(0.3494 0.937 -0.937 0.3494 460 616)">Birkenstraße</text><text transform="matrix(0.7979 0.6028 -0.6028 0.7979 39 607)">Haarstraße</text><text transform="matrix(0.0587 -0.9983 0.9983 0.0587 146 753)">Wiesenstraße</text><text transform="matrix(0.888 -0.4599 0.4599 0.888 199 687)">Sextrostraße</text><text transform="matrix(0.6684 0.7438 -0.7438 0.6684 88 538)">Langensalzastraße</text><text transform="matrix(0.7223 0.6916 -0.6916 0.7223 25 639)">Gneiststraße</text><text x="83" y="714">Lehzenstraße</text><text transform="matrix(0.4281 0.9037 -0.9037 0.4281 146 507)">Maschstraße</text><text transform="matrix(0.7757 0.6311 -0.6311 0.7757 511 465)">Große Barlinge</text><text transform="matrix(0.8972 -0.4417 0.4417 0.8972 417 714)">Krausenstraße</text><text transform="matrix(0.9407 -0.3393 0.3393 0.9407 320 526)">Lutherstraße</text> <text transform="matrix(0.9191 -0.3939 0.3939 0.9191 716 33)">Lönsstraße</text><text transform="matrix(0.0353 0.9994 -0.9994 0.0353 868 47)">Nettelbeckstraße</text><text transform="matrix(0.1431 0.9897 -0.9897 0.1431 923 56)">Gneisenaustraße</text><text transform="matrix(0.1047 0.9945 -0.9945 0.1047 1342 271)">Seligmannallee</text><text transform="matrix(0.9959 -0.0905 0.0905 0.9959 1422 552)">Eintrachtweg</text><text transform="matrix(0.997 -0.0779 0.0779 0.997 1384 231)">Röpkestraße</text><text transform="matrix(0.5677 -0.8232 0.8232 0.5677 1146 603)">Bölschestraße</text><text transform="matrix(0.0968 0.9953 -0.9953 0.0968 1177 441)">Haeckelstraße</text><text transform="matrix(0.5707 -0.8212 0.8212 0.5707 1190 629)">Kerstingstraße</text><text transform="matrix(0.1029 0.9947 -0.9947 0.1029 1213 241)">Freundallee</text><text transform="matrix(0.563 -0.8265 0.8265 0.563 1104 555)">Dammannstraße</text><text transform="matrix(0.9945 -0.1047 0.1047 0.9945 1179 322)">Willestraße</text><text transform="matrix(0.5686 -0.8226 0.8226 0.5686 1261 706)">Max-Eyth-Straße</text><text transform="matrix(0.9955 -0.0943 0.0943 0.9955 1146 398)">Heiligengeiststraße</text><text transform="matrix(0.6508 -0.7593 0.7593 0.6508 1416 832)">Janusz-Korczak-Allee</text><text transform="matrix(0.4061 -0.9138 0.9138 0.4061 1153 766)">Rimpaustraße</text><text transform="matrix(0.8153 0.579 -0.579 0.8153 1198 741)">Menschingstraße</text><text transform="matrix(0.3393 0.9407 -0.9407 0.3393 985 478)">Brehmstraße</text><text transform="matrix(0.5421 0.8403 -0.8403 0.5421 939 584)">Anna-Zammert-Straße</text><text transform="matrix(0.1065 0.9943 -0.9943 0.1065 1053 368)">Schwesternhausstraße</text><text transform="matrix(0.8262 0.5633 -0.5633 0.8262 803 280)">Am Südbahnhof</text><text transform="matrix(0.9988 0.0491 -0.0491 0.9988 713 434)">Heinrich-Stamme-Straße</text><text transform="matrix(0.0791 0.9969 -0.9969 0.0791 681 265)">Annenstraße</text><text transform="matrix(0.5176 -0.8556 0.8556 0.5176 750 536)">Große Düwelstraße</text><text transform="matrix(0.0844 0.9964 -0.9964 0.0844 633 268)">Sonnenweg</text><text transform="matrix(0.4886 -0.8725 0.8725 0.4886 671 196)">Stadtstraße</text><text transform="matrix(0.1574 0.9875 -0.9875 0.1574 735 649)">Heidornstraße</text><text transform="matrix(0.9527 -0.304 0.304 0.9527 1048 510)">Brehmhof</text><text transform="matrix(0.4305 0.9026 -0.9026 0.4305 641 659)">Simrockstraße</text><text transform="matrix(0.0791 0.9969 -0.9969 0.0791 730 338)">Stolzestraße</text><text transform="matrix(0.9947 -0.1024 0.1024 0.9947 596 322)">Rautenstraße</text><text transform="matrix(0.4104 0.9119 -0.9119 0.4104 568 475)">Dieckmannstraße</text><text transform="matrix(0.5105 0.8599 -0.8599 0.5105 513 384)">Billweg</text><text transform="matrix(0.3606 0.9327 -0.9327 0.3606 550 602)">Hartmannstraße</text><text transform="matrix(0.3799 0.925 -0.925 0.3799 505 622)">Dürerstraße</text><text transform="matrix(0.8333 0.5528 -0.5528 0.8333 544 165)">Walter-Gieseking-Straße</text><text transform="matrix(0.9125 -0.4091 0.4091 0.9125 645 498)">Kleine Düwelstraße</text><text transform="matrix(0.2504 -0.9681 0.9681 0.2504 813 535)">Tiestestraße</text><text transform="matrix(0.4291 0.9033 -0.9033 0.4291 1061 635)">Robert-Koch-Platz</text><text transform="matrix(0.922 -0.3872 0.3872 0.922 889 771)">Rüsterburg</text><text x="919" y="711">Pilotystraße</text><text transform="matrix(0.2323 0.9727 -0.9727 0.2323 945 783)">An der Weide</text><text transform="matrix(0.9272 -0.3745 0.3745 0.9272 859 696)">Geibelplatz</text><text transform="matrix(0.4217 0.9067 -0.9067 0.4217 792 720)">Wildenbruchstraße</text><text transform="matrix(0.0099 -1 1 0.0099 728 811)">An der Questenhorst</text><text transform="matrix(0.4296 0.903 -0.903 0.4296 647 762)">Albert-Niemann-Straße</text><text transform="matrix(0.7546 0.6562 -0.6562 0.7546 625 844)">Stüvestraße</text><text transform="matrix(0.4422 0.8969 -0.8969 0.4422 562 734)">Oesterleystraße</text><text transform="matrix(0.9999 0.0115 -0.0115 0.9999 863 645)">Spielhagenstraße</text><text transform="matrix(0.8612 0.5083 -0.5083 0.8612 629 149)">Kestnerstraße</text><text transform="matrix(0.9956 -0.0939 0.0939 0.9956 1070 264)">Kippstraße</text><text transform="matrix(0.4472 0.8944 -0.8944 0.4472 497 508)">Seestraße</text><text transform="matrix(0.726 0.6877 -0.6877 0.726 789 159)">Bultstraße</text><text transform="matrix(0.4352 0.9003 -0.9003 0.4352 458 847)">Grimmstraße</text><text transform="matrix(0.8795 -0.4758 0.4758 0.8795 469 358)">Kortumstraße</text><text transform="matrix(0.9936 -0.1129 0.1129 0.9936 312 42)">Johannssenstraße</text><text transform="matrix(0.9949 -0.1009 0.1009 0.9949 293 90)">Hedwigstraße</text><text transform="matrix(0.7894 0.6139 -0.6139 0.7894 267 135)">Bertastraße</text><text transform="matrix(0.9921 -0.1253 0.1253 0.9921 229 185)">Warmbüchenkamp</text><text transform="matrix(0.0937 -0.9956 0.9956 0.0937 116 115)">Landschaftstraße</text><text transform="matrix(0.0159 -0.9999 0.9999 0.0159 354 98)">Ubbenstraße</text><text transform="matrix(0.2454 0.9694 -0.9694 0.2454 402 242)">Dieterichsstraße</text><text transform="matrix(0.9177 -0.3972 0.3972 0.9177 279 380)">Wilhelmstraße</text><text transform="matrix(0.3961 0.9182 -0.9182 0.3961 310 321)">Papenstieg</text><text transform="matrix(0.8979 -0.4402 0.4402 0.8979 279 439)">Weinstraße</text><text transform="matrix(0.5981 0.8014 -0.8014 0.5981 392 460)">Am Jungfernplan</text><text transform="matrix(0.1029 0.9947 -0.9947 0.1029 210 366)">Höltystraße</text><text transform="matrix(0.8835 -0.4685 0.4685 0.8835 167 411)">Aegidiendamm</text><text transform="matrix(0.9949 0.1012 -0.1012 0.9949 68 246)">Georgsplatz</text><text transform="matrix(0.9558 -0.2941 0.2941 0.9558 218 246)">Arnswaldtstraße</text><text transform="matrix(0.9099 -0.4148 0.4148 0.9099 295 481)">Adelheidstraße</text><text transform="matrix(0.2545 -0.9671 0.9671 0.2545 390 309)">Baumstraße</text><text transform="matrix(0.9956 0.0933 -0.0933 0.9956 67 300)">Breite Straße</text><text transform="matrix(0.9162 0.4008 -0.4008 0.9162 52 480)">Lemförder Straße</text><text transform="matrix(0.9954 0.0955 -0.0955 0.9954 74 433)">Bleichenstraße</text><text x="427" y="180">Lessingstraße</text><text transform="matrix(0.9057 -0.4239 0.4239 0.9057 337 620)">Feldstraße</text><text transform="matrix(0.9301 -0.3674 0.3674 0.9301 392 539)">Ostermannstraße</text><text transform="matrix(0.9214 -0.3887 0.3887 0.9214 281 849)">Am Graswege</text><text transform="matrix(0.8916 -0.4529 0.4529 0.8916 186 591)">Akazienstraße</text><text transform="matrix(0.19 0.9818 -0.9818 0.19 185 751)">Ifflandstraße</text><text transform="matrix(0.8599 0.5105 -0.5105 0.8599 408 631)">Schlägerstraße</text><text transform="matrix(0.3494 0.937 -0.937 0.3494 460 616)">Birkenstraße</text><text transform="matrix(0.7979 0.6028 -0.6028 0.7979 39 607)">Haarstraße</text><text transform="matrix(0.0587 -0.9983 0.9983 0.0587 146 753)">Wiesenstraße</text><text transform="matrix(0.888 -0.4599 0.4599 0.888 199 687)">Sextrostraße</text><text transform="matrix(0.6684 0.7438 -0.7438 0.6684 88 538)">Langensalzastraße</text><text transform="matrix(0.7223 0.6916 -0.6916 0.7223 25 639)">Gneiststraße</text><text x="83" y="714">Lehzenstraße</text><text transform="matrix(0.4281 0.9037 -0.9037 0.4281 146 507)">Maschstraße</text><text transform="matrix(0.7757 0.6311 -0.6311 0.7757 511 465)">Große Barlinge</text><text transform="matrix(0.8972 -0.4417 0.4417 0.8972 417 714)">Krausenstraße</text><text transform="matrix(0.9407 -0.3393 0.3393 0.9407 320 526)">Lutherstraße</text> <metadata id="CorelCorpID_36Corel-Layer"/> <text transform="matrix(0.9999 -0.0141 0.0141 0.9999 1004 45)">Dickensstraße</text><text transform="matrix(0.8703 0.4926 -0.4926 0.8703 441 410)">Baumstraße</text> <text transform="matrix(0.9999 -0.0141 0.0141 0.9999 1004 45)">Dickensstraße</text><text transform="matrix(0.8703 0.4926 -0.4926 0.8703 441 410)">Baumstraße</text> <metadata id="CorelCorpID_37Corel-Layer"/> <text transform="matrix(0.1856 -0.9826 0.9826 0.1856 1552 229)">Bischofsholer Weg</text><text transform="matrix(0.9942 -0.1075 0.1075 0.9942 1461 38)">Peter-Hübotter-Brücke</text><text transform="matrix(0.9975 -0.0712 0.0712 0.9975 1558 34)">Stadtparkweg</text><text transform="matrix(0.8689 -0.495 0.495 0.8689 51 77)">Cora-Berliner-Weg</text><text transform="matrix(0.9947 0.1024 -0.1024 0.9947 131 249)">Cook-Passage</text><text transform="matrix(0.8846 -0.4664 0.4664 0.8846 89 654)">Gneiststraße</text> <text transform="matrix(0.1856 -0.9826 0.9826 0.1856 1552 229)">Bischofsholer Weg</text><text transform="matrix(0.9942 -0.1075 0.1075 0.9942 1461 38)">Peter-Hübotter-Brücke</text><text transform="matrix(0.9975 -0.0712 0.0712 0.9975 1558 34)">Stadtparkweg</text><text transform="matrix(0.8689 -0.495 0.495 0.8689 51 77)">Cora-Berliner-Weg</text><text transform="matrix(0.9947 0.1024 -0.1024 0.9947 131 249)">Cook-Passage</text><text transform="matrix(0.8846 -0.4664 0.4664 0.8846 89 654)">Gneiststraße</text> <metadata id="CorelCorpID_38Corel-Layer"/> <text x="18" y="833">Maschsee</text> <text x="18" y="833">Maschsee</text> <metadata id="CorelCorpID_39Corel-Layer"/> <defs><symbol id="sy2" viewBox="-57 -57 114 114"> </symbol></defs> <use id="A2262506" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 67 865)"/> <use id="A2262622" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 728 719)"/> <use id="A2262625" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 812 4)"/> <use id="A2262629" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 381 40)"/> <use id="A2262632" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 0 415)"/> <use id="A2262633" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 149 275)"/> <use id="A2262634" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 5 433)"/> <use id="A2262635" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 113 248)"/> <use id="A2262646" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 489 239)"/> <use id="A2262650" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 571 391)"/> <use id="A2262651" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 639 537)"/> <use id="A2262653" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 587 413)"/> <use id="A2262655" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 630 517)"/> <use id="A2262657" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 489 222)"/> <use id="A2262662" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 533 292)"/> <use id="A2262706" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 835 203)"/> <use id="A2262896" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 944 857)"/> <use id="A2262933" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 850 180)"/> <use id="A2262937" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 864 225)"/> <use id="A2262938" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 1210 545)"/> <use id="A2262939" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 925 844)"/> <use id="A2262943" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 985 398)"/> <use id="A2262957" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 1284 765)"/> <use id="A2262959" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 1215 531)"/> <use id="A2262964" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 1440 706)"/> <use id="A2262965" xlink:href="#sy2" x="-57" y="-57" width="114" height="114" transform="matrix(0.125 0 0 0.125 1450 691)"/> <defs><symbol id="sy3" viewBox="-49 -63 98 126"> </symbol></defs> <use id="B29116" xlink:href="#sy3" x="-49" y="-63" width="98" height="126" transform="matrix(0.125 0 0 0.125 509 237)"/> <metadata id="CorelCorpID_40Corel-Layer"/> <defs><symbol id="sy4" viewBox="-79 -13 158 26"> </symbol></defs> <use xlink:href="#sy4" x="-79" y="-13" width="158" height="26" transform="matrix(0.9688 0 0 0.9688 1508 853)"/> <metadata id="CorelCorpID_41Corel-Layer"/> <text x="5" y="874" style="font-family:sans-serif;font-size:9px">0</text><text x="56" y="874" style="font-family:sans-serif;font-size:9px">100</text><text x="112" y="874" style="font-family:sans-serif;font-size:9px">200</text><text x="168" y="874" style="font-family:sans-serif;font-size:9px">300</text><text x="185" y="874" style="font-family:sans-serif;font-size:9px">m</text> <metadata id="CorelCorpID_42Corel-Layer"/> <text x="635" y="878">02 Jan 2020 © 123map • Daten: OpenStreetMap, Lizenz ODbL 1.0</text> <metadata id="CorelCorpID_43Corel-Layer"/> <text x="842" y="375">WGS 84 (World Geodetic System 1984)</text> <text x="842" y="388">EPSG: 4326</text> <text x="842" y="401">Longitude:</text><text x="898" y="401">9.7607351</text> <text x="842" y="414">Latitude:</text><text x="898" y="414">52.3667114</text> <text x="842" y="433">Pseudo Mercator (spherical)</text> <text x="842" y="446">EPSG: 3857</text> <text x="842" y="459">Northing:</text><text x="898" y="459">1086560.06</text> <text x="842" y="472">Easting:</text><text x="898" y="472">6866705.12</text> <text x="842" y="485">Scale:</text><text x="898" y="485">1:2.89830587</text> <text x="842" y="498">Width:</text><text x="898" y="498">4637.28939</text> <text x="842" y="511">Height:</text><text x="898" y="511">2553.40747</text>
Quellcode anzeigen
<script src="svg-pan-zoom.js"></script>
    <div id="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.

In unserem Beispiel am Anfang der Seite haben wir die Bus- und U-Bahnhaltestellen als Schalter auf der Karte eingebaut.

Wie bekomme ich die Fehlermeldung weg?

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)
  • View Mode“ (Street View)
  • 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)

Die gesamte Google Maps Preisliste haben wir verlinkt.

Warum macht Google diesen Schritt?

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

Mehr erfahren ...

Dirk Pache

Weitere Beiträge zum Thema Webdesign