Professionelle Kartenintegration

Kartenintegration für Ihre Website & App

Integrieren Sie hochwertige topographische Karten in Ihre Website oder App – ohne eigene Kartenserver. Top-O-Map übernimmt Betrieb, Kartenupdates und die technische Weiterentwicklung, damit Sie sich ganz auf Ihr Projekt konzentrieren können. Sie möchten die Karte offline nutzen? Dann können Sie die Karte oder Teile davon auch herunterladen.

Warum Top-O-Map?

Professionelle topographische Karten – einfach integriert

Top-O-Map ist die moderne Kartenplattform für Unternehmen, Organisationen und Website-Betreiber, die hochwertige topographische Karten in Homepages, Apps oder digitale Anwendungen integrieren möchten. Sie binden unsere Karten einmal ein – wir übernehmen den Betrieb, regelmäßige Kartenupdates und die technische Weiterentwicklung.

Mehr Zeit für Ihr Projekt

Der Betrieb einer eigenen Karteninfrastruktur verursacht Aufwand: Server müssen betrieben, Kartendaten aktualisiert und die Plattform kontinuierlich gepflegt werden. Mit Top-O-Map entfällt dieser Aufwand für Sie vollständig.

Nach der Einbindung unserer Karten übernehmen wir den kompletten technischen Betrieb – von der Bereitstellung der Karten über regelmäßige Aktualisierungen bis hin zur kontinuierlichen Weiterentwicklung unserer Plattform. So profitieren Sie dauerhaft von einer zuverlässigen Kartenlösung, während Sie sich auf Ihre Website, Ihre App oder Ihr Kerngeschäft konzentrieren.

Ihre Vorteile

Eine Kartenlösung, die mit Ihrem Projekt wächst

Ob kleine Website, Unternehmensportal oder stark frequentierte Anwendung – Top-O-Map passt sich flexibel Ihren Anforderungen an. Sie integrieren unsere Karten einmal und profitieren dauerhaft von einer modernen, leistungsstarken und betreuten Kartenlösung.

Eine professionelle Kartenlösung besteht aus weit mehr als hochwertigen Kartendaten. Entscheidend sind eine zuverlässige Infrastruktur, hohe Verfügbarkeit und die kontinuierliche Weiterentwicklung der Plattform. Genau darauf ist Top-O-Map ausgelegt.

Einfache Integration

Unsere Karten lassen sich schnell in bestehende Websites und Apps integrieren. Eine eigene Karteninfrastruktur ist nicht erforderlich.

Zuverlässiger Betrieb und hohe Performance

Hosting, Wartung, Kartenbereitstellung und Performance werden vollständig von uns übernommen. Auch bei steigenden Besucherzahlen bleiben Ihre Karten performant.

Immer aktuelle Kartendaten

Regelmäßige Kartenupdates sorgen dafür, dass Ihre Besucher jederzeit auf aktuelle und hochwertige Kartendaten zugreifen.

Flexible Skalierung

Von kleinen Projekten bis zu stark frequentierten Plattformen wächst Top-O-Map zuverlässig mit Ihren Anforderungen.

Transparente Preise

Kostenlos nutzbar oder als festes Abonnement – ohne versteckte Kosten und ohne Extrakosten, auch wenn Ihre Nutzung einmal höher liegt.

Langfristige Partnerschaft

Wir entwickeln Top-O-Map kontinuierlich weiter und investieren laufend in Qualität, Performance und neue Funktionen – davon profitieren alle Kunden automatisch.

Top-O-Map live erleben

Überzeugen Sie sich selbst von der Kartenqualität

Die beste Möglichkeit, eine Kartenlösung zu bewerten, ist sie selbst auszuprobieren. Erkunden Sie unsere topographischen Karten anhand von Beispielen oder direkt im Browser und entdecken Sie detaillierte Landschaften, Höhenlinien, Reliefdarstellungen sowie zahlreiche weitere Kartenelemente – schnell, intuitiv und ohne Installation.

Kartenausschnitt von Top-O-Map: Alpenraum und Norditalien mit Geländeschattierung, Städten und Gewässern

Karten entdecken

Lernen Sie unsere verschiedenen Kartenstile an Beispielen kennen und wählen Sie die optimale Karte als Standardeinstellung für Ihre Kunden.

Beispielkarten ansehen

Weltweite Kartenansicht von Top-O-Map mit Gebirgen, Tiefebenen und Meerestiefen in Farbabstufungen

Digital eingebundene Karten ansehen

Testen Sie unsere weltweiten Karten bei www.onlinetopomap.de direkt im Browser. Erkunden Sie alle Kartenstile und alle Zoomstufen – egal für welche Region auf der Welt.

Vollständige Karte bei OnlineTopoMap ansehen

Kartendaten: © OpenStreetMap Mitwirkende | Höhendaten: Copernicus, Sonny | Stil basiert auf: © OpenTopoMap | Bereitgestellt von: Top-O-Map

Karten integrieren

Sie möchten unsere Karten in Ihre Website oder App integrieren oder herunterladen?

Das freut uns. Hierfür bietet Top-O-Map drei Möglichkeiten an: die kostenlose Integration ohne Registrierung, den Erwerb eines Nutzungskontingents im Abonnement und den Download der Karte als einmaligen Kauf.

03

Karte herunterladen

Die Karte oder Teile davon herunterladen, zum Beispiel für die Offline-Nutzung – als einmaliger Kauf, ohne Abonnement und ohne Kündigung.

Zum Download →
Möglichkeit 1

Kostenlose Integration

Hierfür sind keinerlei Angaben von Ihnen nötig. Sie müssen sich nicht registrieren, keine Zahlungsdaten angeben, und es entstehen keine Kosten. Sie integrieren die Karten mit wenigen Zeilen Code.

Was Sie anzeigen müssen

  1. Die korrekte Quellenangabe (Attribution) auf der Karte Aus lizenzrechtlichen Gründen Pflicht – den Text finden Sie weiter unten.
  2. Das Top-O-Map-Logo inklusive Link unten links auf der Karte.

    Logo: top-o-map.de/top-o-map.png

    Top-O-Map
  3. Einen Hinweis auf Ihrer Website bzw. in Ihrer App, dass die Karten von Top-O-Map stammen inklusive Link auf top-o-map.de

Overlay-Einblendungen

Wenn Sie sich für die kostenlose Integration entscheiden, blenden wir Overlays (Wasserzeichen) ein.

Haben Sie mehr als 30.000 Kartenkachelaufrufe pro Monat – etwa weil die Karten sehr oft angezeigt werden, intensiv gezoomt wird oder neue Gebiete erkundet werden, was jedes Mal neue Kacheln lädt –, blenden wir das Overlay öfter ein und bitten Sie darüber, mit uns Kontakt aufzunehmen. Zusätzlich drosseln wir die Ladegeschwindigkeit.

Wichtig

Es entstehen keine Kosten für Sie

Die Nutzung der Karten bleibt auch dann kostenfrei, wenn sie bei mehr als 30.000 Kacheln im Monat liegt – sie wird lediglich durch Drosselung und häufigere Overlay-Einblendungen eingeschränkt. Sie behalten die volle Kostenkontrolle. Wer ohne Overlays arbeiten möchte, wählt ein Nutzungskontingent.

So binden Sie die Karten ein

Beispiel mit der verbreiteten Kartenbibliothek Leaflet:

<div id="karte" style="height: 500px"></div>

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
  var karte = L.map('karte').setView([47.42, 10.98], 10);
  L.tileLayer('https://tile.top-o-map.com/{z}/{x}/{y}.png', {
    maxZoom: 17,
   attribution: 'Kartendaten: &copy; <a href="https://openstreetmap.org/copyright" >OpenStreetMap </a >-Mitwirkende'
    + ' | Höhendaten: <a href="http://viewfinderpanoramas.org">SRTM</a>, <a href="https://sonny.4lima.de/">Sonny</a>'
    + ' | Kartendarstellung: © <a href="https://opentopomap.org">OpenTopoMap</a>'
    + ' (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
    + ' | Powered by <a href="https://top-o-map.de">Top-O-Map</a>'
  }).addTo(karte);
</script>

Die Quellenangabe

Diese Angabe muss auf der Karte sichtbar bleiben:

Kartendaten: © OpenStreetMap Mitwirkende | Höhendaten: Copernicus, Sonny | Stil basiert auf: © OpenTopoMap | Bereitgestellt von: Top-O-Map

Uns unterstützen

Ihnen gefallen unsere Karten? Auch wenn Sie die kostenlose Integration nutzen, können Sie uns natürlich über Ko-Fi freiwillig finanziell unterstützen. Wir freuen uns sehr, wenn Sie das tun!

Über Ko-fi unterstützen
Möglichkeit 2

Erwerb von Nutzungskontingenten

Sie möchten die Karten ohne Overlay-Einblendungen integrieren, oder Ihre Nutzung liegt höher als 30.000 Kartenkacheln pro Monat? Hierfür bieten wir die Tarife Small, Medium und Pro an – monatlich oder jährlich, ab 3 € im Monat (inkl. MwSt.).

Alle Tarife und Preise →
Wichtig

Es entstehen keine Extrakosten für Sie

Sie zahlen nur Ihr Abonnement – auch dann, wenn Ihre Nutzung einmal höher liegt als das gebuchte Kontingent. In diesem Fall informieren wir Sie per E-Mail, bieten Ihnen einen höheren Tarif an und drosseln die Ladegeschwindigkeit bis zum nächsten Monat. Es gibt keine Nachberechnung für zusätzliche Kacheln, Sie behalten die volle Kostenkontrolle. Wer ohne Drosselung weiterarbeiten möchte, wechselt in einen höheren Tarif.

Was Sie anzeigen müssen

  • Die korrekte Quellenangabe (Attribution) auf der Karte – aus lizenzrechtlichen Gründen, den genauen Text finden Sie hier
  • Einen Hinweis auf Ihrer Website bzw. in Ihrer App, dass die Karten von Top-O-Map stammen, inklusive Link auf top-o-map.de gerne mit Logo: Top-O-Map

Die Quellenangabe

Auch im Abonnement muss diese Angabe auf der Karte sichtbar bleiben:

Kartendaten: © OpenStreetMap Mitwirkende | Höhendaten: Copernicus, Sonny | Stil basiert auf: © OpenTopoMap | Bereitgestellt von: Top-O-Map

Ich möchte ein Abonnement abschließen. Wie läuft das ab?

  1. Tarif wählen

    Klicken Sie auf der Preise-Seite beim gewünschten Tarif unter „Monatlich“ bzw. „Jährlich“ auf „Abonnement abschließen“.

  2. Weiter zu Stripe

    Sie werden auf die Seite von Stripe weitergeleitet. Stripe wickelt für uns die Zahlungen ab – alle Zahlungsdaten bleiben bei Stripe.

  3. Abonnement abschließen

    Sie schließen das kostenpflichtige Abonnement über Stripe ab.

  4. Wir werden informiert

    Stripe teilt uns mit, dass Sie ein Abonnement abgeschlossen haben. Welche Daten dabei übermittelt werden, steht in unserer Datenschutzerklärung.

  5. API-Key per E-Mail

    Wir senden Ihnen einen API-Key an die E-Mail-Adresse, die Sie bei Stripe angegeben haben, und bitten Sie, uns den Namen Ihrer Website bzw. Ihrer App zu nennen. Damit verbinden wir den API-Key mit Ihrem Projekt.

  6. Einbinden – fertig

    Ergänzen Sie den API-Key in der Kachel-Adresse Ihres Einbindungscodes – und Sie haben vollen Zugriff auf unsere Karten.

L.tileLayer('https://tile.top-o-map.com/{z}/{x}/{y}.png?key=IHR-API-KEY', {
  maxZoom: 17,
  attribution: 'Kartendaten: &copy; <a href="https://openstreetmap.org/copyright" >OpenStreetMap </a >-Mitwirkende'
    + ' | Höhendaten: <a href="http://viewfinderpanoramas.org">SRTM</a>, <a href="https://sonny.4lima.de/">Sonny</a>'
    + ' | Kartendarstellung: © <a href="https://opentopomap.org">OpenTopoMap</a>'
    + ' (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
    + ' | Powered by <a href="https://top-o-map.de">Top-O-Map</a>'
}).addTo(karte);
Zu Ihrer Sicherheit

Warum wir den Namen Ihrer Website oder App brauchen

Der API-Key ist bei jedem Kartenaufruf im Quelltext der Seite bzw. in den Anfragen des Browsers lesbar. Damit andere Websites die Karten nicht über Ihren API-Key nutzen können, verbinden wir ihn mit Ihrer Website. Verwenden Sie den API-Key in einer App, nennen Sie uns bitte den Namen der App. Falls Sie den Key nutzen um unsere Karte in anderen Webseiten oder Programmen (z.B. QGIS oder ArcGIS) zu verwenden, ist die Nennung einer Webseite oder App nicht notwendig. Aber geben Sie Ihren Key nicht an andere weiter, da diese sonst Ihr Kontingent aufbrauchen könnten.

Tarif wechseln

Sie möchten ein größeres oder kleineres Nutzungskontingent abschließen? Das können Sie ganz einfach und flexibel im Kundenportal von Stripe tun.

Abonnements verwalten →

Sie haben Fragen?

Sollte etwas wider Erwarten nicht funktionieren oder sollten Sie bei der Integration Unterstützung benötigen, schreiben Sie uns einfach. Wir kümmern uns so schnell wie möglich um Ihr Anliegen.

Kontakt aufnehmen
Möglichkeit 3 – Einmaliger Kauf

Karte herunterladen

Sie möchten die Karte oder Teile der Karte herunterladen, zum Beispiel für die Offline-Nutzung oder um sie selbst zu speichern? Dafür bieten wir einmalige Nutzungskontingente an – unabhängig von einem Abonnement.

Interesse an einem Download? Schreiben Sie uns einfach eine E-Mail an info@top-o-map.com – wir arbeiten gerade daran, den Kaufprozess zukünftig zu automatisieren.

Ein einmaliger Kauf verlängert sich nicht automatisch zu einem Abonnement und muss nicht gekündigt werden. Der Zugang endet automatisch, wenn das Kontingent verbraucht oder die vereinbarte Gültigkeitsdauer abgelaufen ist.

Preise

Faire Preise, volle Kostenkontrolle

Starten Sie kostenlos und wechseln Sie in ein Nutzungskontingent, wenn Sie die Karten ohne Overlays nutzen möchten oder Ihr Projekt wächst. Keine versteckten Gebühren und keine Extrakosten – auch nicht, wenn Ihre Nutzung einmal höher liegt als gebucht.

Kostenlos oder ab 3 € im Monat

Kostenlos mit Overlay-Einblendungen – oder ohne Overlays mit den Tarifen Small (bis 200.000 Kacheln), Medium (bis 1.000.000 Kacheln) und Pro (bis 5.000.000 Kacheln pro Monat). Alle Preise inklusive MwSt.

Tarife ansehen
  • Keine Extrakosten bei Mehrverbrauch
  • Monatlich oder jährlich (17 % Rabatt beim Jahresabo)
  • Tarif jederzeit wechselbar
Der Vergleich

Top-O-Map oder eine eigene Kartenlösung?

Der Betrieb einer eigenen Kartenplattform erfordert Zeit, technisches Know-how und eine zuverlässige Infrastruktur. Mit Top-O-Map erhalten Sie eine vollständig betreute Kartenlösung, die sich schnell integrieren lässt und dauerhaft gepflegt wird.

Vergleich Top-O-Map und eigene Kartenlösung
LeistungTop-O-MapEigene Kartenlösung
IntegrationIn wenigen SchrittenIndividuelle Entwicklung
KartenserverBereits enthaltenEigene Infrastruktur
KartenupdatesAutomatisch inklusiveEigenverantwortlich
Technischer BetriebWird vollständig übernommenWartung in Eigenregie
PerformanceKontinuierlich optimiertEigene Optimierung
WeiterentwicklungRegelmäßig inklusiveEigene Entwicklung
SkalierungWächst mit Ihrem ProjektInfrastruktur erweitern
SupportPersönlicher AnsprechpartnerEigene Ressourcen