{"id":7988,"date":"2026-11-02T12:07:42","date_gmt":"2026-11-02T12:07:42","guid":{"rendered":"https:\/\/staging.maptoolkit.com\/api\/vector-tiles-api\/"},"modified":"2026-11-06T15:49:07","modified_gmt":"2026-11-06T15:49:07","slug":"vector-tiles-api","status":"publish","type":"page","link":"https:\/\/staging.maptoolkit.com\/de\/api\/vector-tiles-api\/","title":{"rendered":"Vector Tiles API"},"content":{"rendered":"\n<section class=\"gb-element-e701000d\">\n<div class=\"gb-element-e701000c\">\n<div class=\"gb-element-e701000b\">\n<div class=\"gb-element-e701000a\">\n<span class=\"gb-text gb-text-e7010004\">Vector Tiles API<\/span>\n\n<h1 class=\"gb-text gb-text-e7010005\">Interaktive Karten f\u00fcr Ihre Website und App<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h1>\n\n<p class=\"gb-text gb-text-e7010006\">Scharfe, schnelle Karten, die Ihre Besucher zoomen und drehen k\u00f6nnen, in sieben Designs von Stadtstra\u00dfen bis zu Wanderwegen. Die Kartendaten stammen aus OpenStreetMap, werden jede Woche aktualisiert und in der EU gehostet.<\/p>\n\n<div class=\"gb-element-e7010009\">\n<a class=\"gb-text gb-text-e7010007\" href=\"https:\/\/staging.maptoolkit.com\/de\/demo\/\">Demo buchen<\/a>\n\n<a class=\"gb-text-e7010008\" href=\"https:\/\/docs.maptoolkit.com\/vector-tiles\/\"><span class=\"gb-shape\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><span class=\"gb-text\">Zur Dokumentation<\/span><\/a>\n<\/div>\n<\/div>\n\n<figure class=\"gb-element-e7010003\">\n<div class=\"gb-element-e7010001\">\n<div class=\"vt-hero\" role=\"region\" aria-label=\"Live-Karte der Altstadt von Salzburg, \u00d6sterreich. Ziehen zum Verschieben, Zoomen mit zwei Fingern oder Strg und Scrollen, Design \u00fcber die Stilauswahl w\u00e4hlen.\">\n<div id=\"vt-live\" class=\"vt-live\"><\/div>\n<\/div>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/maplibre-gl@6.11.2\/dist\/maplibre-gl.css\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@maptoolkit\/maplibre-style-control@1.1.2\/dist\/maplibre-style-control.css\"\/>\n<style>\nbody.page-id-7988{overflow-x:clip;overflow-y:visible}\n.page-id-7988 #footer-widgets{display:none}\n.vt-hero{position:absolute;top:0;right:0;bottom:0;left:0}\n.vt-live{position:absolute;top:0;right:0;bottom:0;left:0;background:#EEF1FB;font-family:Mulish,sans-serif}\n.vt-live .maplibregl-ctrl button{padding:0;margin:0;background-color:transparent;color:#191F39;line-height:normal;text-transform:none;letter-spacing:normal}\n.vt-live .maplibregl-ctrl-group{border-radius:10px;box-shadow:0 2px 10px rgba(25,31,57,0.16)}\n.vt-live .maplibregl-cooperative-gesture-screen{font-family:Mulish,sans-serif;font-size:17px}\n.vt-live .maplibre-style-control button{margin:0;line-height:normal;letter-spacing:normal;text-transform:none;box-shadow:none}\n<\/style>\n<script type=\"importmap\">{\"imports\":{\"maplibre-gl\":\"https:\/\/cdn.jsdelivr.net\/npm\/maplibre-gl@6.11.2\/dist\/maplibre-gl.mjs\"}}<\/script>\n<script type=\"module\">\nimport * as maplibregl from \"maplibre-gl\";\nimport { StyleControl } from \"https:\/\/cdn.jsdelivr.net\/npm\/@maptoolkit\/maplibre-style-control@1.1.2\/dist\/maplibre-style-control.js\";\nconst key = \"toursprung\";\nconst url = function (name) { return \"https:\/\/styles.maptoolkit.net\/maptoolkit\/maptoolkit.\" + name + \".json?api_key=\" + key; };\nconst map = new maplibregl.Map({\n  container: \"vt-live\",\n  style: url(\"summer\"),\n  center: [13.0445, 47.7985],\n  zoom: 14.6,\n  maxPitch: 0,\n  attributionControl: false,\n  cooperativeGestures: true\n});\nmap.addControl(new maplibregl.NavigationControl({ showCompass: true, visualizePitch: false }), \"top-right\");\n\/\/ round 27 (Laurin): our style control plugin instead of the button row; .com styles, thumbnails from the plugin\nmap.addControl(new StyleControl({ active: \"Summer\", styles: [\"Summer\", \"Winter\", \"Hiking\", \"Cycling\", \"Street\", \"Light\", \"Dark\"].map(function (id) {\n  const n = id.toLowerCase();\n  return { id: id, value: url(n), image: \"https:\/\/styles.maptoolkit.org\/\" + n + \".webp\" };\n}) }), \"bottom-left\");\nwindow.mtkVectorMap = map;\n<\/script>\n<\/div>\n<\/figure>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"gb-element-e701003e\">\n<div class=\"gb-element-e701003d\">\n<div class=\"gb-element-e701003b\">\n<span class=\"gb-text gb-text-e7010038\">Kartenstile<\/span>\n\n<h2 class=\"gb-text gb-text-e7010039\">Sieben Kartendesigns f\u00fcr verschiedene Zwecke<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h2>\n\n<p class=\"gb-text gb-text-e701003a\">Alle sieben Designs entstehen aus denselben Kartendaten. Sie k\u00f6nnen also zwischen ihnen wechseln oder Ihren Besuchern mehrere anbieten.<\/p>\n<\/div>\n\n<div class=\"gb-element-e701003c\">\n<div class=\"gb-element-e7010012\">\n<img class=\"gb-media-e701000e\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.summer&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=45.985,9.255&#038;zoom=9&#038;api_key=toursprung\" alt=\"Stil Summer: Comer See\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e7010011\">\n<h3 class=\"gb-text gb-text-e701000f\">Summer<\/h3>\n\n<p class=\"gb-text gb-text-e7010010\">Outdoor-Karte mit schattiertem Gebirgsrelief. Das Standarddesign.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010017\">\n<img class=\"gb-media-e7010013\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.winter&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=47.14,10.245&#038;zoom=12&#038;api_key=toursprung\" alt=\"Stil Winter: St. Anton am Arlberg\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e7010016\">\n<h3 class=\"gb-text gb-text-e7010014\">Winter<\/h3>\n\n<p class=\"gb-text gb-text-e7010015\">Ein Winterlook f\u00fcr Schnee- und Skiregionen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e701001c\">\n<img class=\"gb-media-e7010018\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.hiking&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=46.618,12.30&#038;zoom=12.5&#038;api_key=toursprung\" alt=\"Stil Hiking: die Drei Zinnen\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e701001b\">\n<h3 class=\"gb-text gb-text-e7010019\">Hiking<\/h3>\n\n<p class=\"gb-text gb-text-e701001a\">Zum Wandern, mit markierten Wegen und ihrer Beschilderung.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010021\">\n<img class=\"gb-media-e701001d\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.cycling&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=55.683,12.57&#038;zoom=12&#038;api_key=toursprung\" alt=\"Stil Cycling: Kopenhagen\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e7010020\">\n<h3 class=\"gb-text gb-text-e701001e\">Cycling<\/h3>\n\n<p class=\"gb-text gb-text-e701001f\">Zum Radfahren, mit Radrouten und Radwegen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010026\">\n<img class=\"gb-media-e7010022\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.street&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=48.8535,2.348&#038;zoom=15&#038;api_key=toursprung\" alt=\"Stil Street: Paris\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e7010025\">\n<h3 class=\"gb-text gb-text-e7010023\">Street<\/h3>\n\n<p class=\"gb-text gb-text-e7010024\">Detaillierter Stadtplan, mit 3D-Geb\u00e4uden beim Hineinzoomen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e701002b\">\n<img class=\"gb-media-e7010027\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.light&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=52.370,4.892&#038;zoom=13&#038;api_key=toursprung\" alt=\"Stil Light: Amsterdam\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e701002a\">\n<h3 class=\"gb-text gb-text-e7010028\">Light<\/h3>\n\n<p class=\"gb-text gb-text-e7010029\">Hell und ruhig, damit Ihre eigenen Inhalte hervortreten.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010030\">\n<img class=\"gb-media-e701002c\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.dark&#038;size=320x160&#038;factor=2&#038;format=webp&#038;center=40.755,-73.985&#038;zoom=12&#038;api_key=toursprung\" alt=\"Stil Dark: Manhattan\" width=\"640\" height=\"320\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e701002f\">\n<h3 class=\"gb-text gb-text-e701002d\">Dark<\/h3>\n\n<p class=\"gb-text gb-text-e701002e\">Dunkles Design mit starkem Kontrast.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010037\">\n<div class=\"gb-element-e7010032\">\n<span class=\"gb-text gb-text-e7010031\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"\/><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"\/><\/svg><\/span>\n<\/div>\n\n<div class=\"gb-element-e7010036\">\n<h3 class=\"gb-text gb-text-e7010033\">Ihr eigener Stil<\/h3>\n\n<p class=\"gb-text gb-text-e7010034\">Eine Karte in Ihren Markenfarben, Teil des Enterprise-Pakets.<\/p>\n\n<a class=\"gb-text-e7010035\" href=\"https:\/\/staging.maptoolkit.com\/de\/solutions\/enterprise\/\"><span class=\"gb-shape\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><span class=\"gb-text\">Enterprise<\/span><\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"gb-element-e701005e\">\n<div class=\"gb-element-e701005d\">\n<div class=\"gb-element-e7010042\">\n<span class=\"gb-text gb-text-e701003f\">Outdoor-Kartografie<\/span>\n\n<h2 class=\"gb-text gb-text-e7010040\">Berge, Wege und Seen im Detail<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h2>\n\n<p class=\"gb-text gb-text-e7010041\">Die Outdoor-Designs zeigen, was Wanderer und Radfahrer wissen m\u00fcssen: wie steil das Gel\u00e4nde ist, wohin die Wege f\u00fchren und wie schwierig sie sind.<\/p>\n<\/div>\n\n<div class=\"gb-element-e701005c\">\n<figure class=\"gb-element-e7010046\">\n<img class=\"gb-media-e7010043\" src=\"https:\/\/staticmap.maptoolkit.net\/?maptype=maptoolkit-maptoolkit.hiking&#038;size=760x400&#038;factor=2&#038;format=webp&#038;center=47.075,12.70&#038;zoom=13&#038;api_key=toursprung\" alt=\"Stil Hiking rund um den Gro\u00dfglockner, \u00d6sterreich: Gletscher, Fels, H\u00f6henlinien, Gipfelh\u00f6hen, H\u00fctten und markierte Wege\" width=\"1520\" height=\"800\" loading=\"lazy\" decoding=\"async\" \/>\n\n<div class=\"gb-element-e7010045\">\n<figcaption class=\"gb-text gb-text-e7010044\">Stil Hiking rund um den Gro&szlig;glockner, \u00d6sterreich<\/figcaption>\n<\/div>\n<\/figure>\n\n<div class=\"gb-element-e701005b\">\n<div class=\"gb-element-e701004b\">\n<span class=\"gb-text gb-text-e7010047\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m8 3 4 8 5-5 5 15H2L8 3z\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e701004a\">\n<h3 class=\"gb-text gb-text-e7010048\">H\u00f6henlinien und Relief<\/h3>\n\n<p class=\"gb-text gb-text-e7010049\">H\u00f6henlinien und Schummerung machen H\u00e4nge, T\u00e4ler und Gipfel leicht lesbar.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010050\">\n<span class=\"gb-text gb-text-e701004c\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"6\" cy=\"19\" r=\"3\"\/><path d=\"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15\"\/><circle cx=\"18\" cy=\"5\" r=\"3\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e701004f\">\n<h3 class=\"gb-text gb-text-e701004d\">Schwierigkeit der Wege<\/h3>\n\n<p class=\"gb-text gb-text-e701004e\">Wanderwege zeigen ihre Schwierigkeit (T1 bis T6), Mountainbike- und Klettersteiggrade sowie den Untergrund.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010055\">\n<span class=\"gb-text gb-text-e7010051\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"\/><path d=\"M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"\/><path d=\"M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010054\">\n<h3 class=\"gb-text gb-text-e7010052\">Wassertiefen<\/h3>\n\n<p class=\"gb-text gb-text-e7010053\">Tiefenlinien zeigen, wie tief Seen und Meere sind.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e701005a\">\n<span class=\"gb-text gb-text-e7010056\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m8 3 4 8 5-5 5 15H2L8 3z\"\/><path d=\"M4.14 15.08c2.62-1.57 5.24-1.43 7.86.42 2.74 1.94 5.49 2 8.23.19\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010059\">\n<h3 class=\"gb-text gb-text-e7010057\">3D-Gel\u00e4nde<\/h3>\n\n<p class=\"gb-text gb-text-e7010058\">Jedes Design l\u00e4sst sich in 3D mit der echten H\u00f6he der Berge zeigen, wie die Karte oben auf dieser Seite.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"gb-element-e7010099\">\n<div class=\"gb-element-e7010098\">\n<div class=\"gb-element-e701006e\">\n<div class=\"gb-element-e701006b\">\n<div class=\"gb-element-e7010067\">\n<span class=\"gb-text gb-text-e7010064\">F\u00fcr Entwickler<\/span>\n\n<h2 class=\"gb-text gb-text-e7010065\">In wenigen Zeilen startklar<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h2>\n\n<p class=\"gb-text gb-text-e7010066\">Binden Sie die Karte mit einer einzigen Webadresse, der Style-URL, in einer g\u00e4ngigen Kartenbibliothek in Ihre Website oder App ein. Design, Kartendaten und Beschriftungen laden alle von dort.<\/p>\n<\/div>\n\n<div class=\"gb-element-e701006a\">\n<a class=\"gb-text-e7010068\" href=\"https:\/\/docs.maptoolkit.com\/vector-tiles\/examples\/maplibre\/\"><span class=\"gb-shape\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><span class=\"gb-text\">Vector Tiles in MapLibre GL JS anzeigen<\/span><\/a>\n\n<a class=\"gb-text-e7010069\" href=\"https:\/\/docs.maptoolkit.com\/vector-tiles\/schema-reference\/\"><span class=\"gb-shape\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><span class=\"gb-text\">Das Tile-Schema ansehen<\/span><\/a>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e701006d\">\n<div class=\"gb-element-e7010063\">\n<div class=\"gb-element-e7010061\">\n<span class=\"gb-text gb-text-e701005f\">MapLibre GL JS<\/span>\n\n<span class=\"gb-text gb-text-e7010060\">map.js<\/span>\n<\/div>\n\n<pre class=\"gb-text gb-text-e7010062\"><mark style=\"background-color:rgba(0,0,0,0);color:#8c9eff\" class=\"has-inline-color\">const<\/mark> map = <mark style=\"background-color:rgba(0,0,0,0);color:#8c9eff\" class=\"has-inline-color\">new<\/mark> maplibregl.Map({<br>  container: <mark style=\"background-color:rgba(0,0,0,0);color:#fecac7\" class=\"has-inline-color\">&quot;map&quot;<\/mark>,<br>  style: <mark style=\"background-color:rgba(0,0,0,0);color:#fecac7\" class=\"has-inline-color\">&quot;https:\/\/styles.maptoolkit.net\/maptoolkit\/&quot;<\/mark><br>    + <mark style=\"background-color:rgba(0,0,0,0);color:#fecac7\" class=\"has-inline-color\">&quot;maptoolkit.summer.json?api_key=YOUR_API_KEY&quot;<\/mark>,<br>  center: [<mark style=\"background-color:rgba(0,0,0,0);color:#ffb86b\" class=\"has-inline-color\">11.400<\/mark>, <mark style=\"background-color:rgba(0,0,0,0);color:#ffb86b\" class=\"has-inline-color\">47.268<\/mark>],<br>  zoom: <mark style=\"background-color:rgba(0,0,0,0);color:#ffb86b\" class=\"has-inline-color\">12<\/mark>,<br>  attributionControl: { compact: <mark style=\"background-color:rgba(0,0,0,0);color:#8c9eff\" class=\"has-inline-color\">false<\/mark> }<br>});<\/pre>\n<\/div>\n\n<p class=\"gb-text gb-text-e701006c\">Ersetzen Sie summer durch winter, hiking, cycling, street, light oder dark, um das Design zu wechseln.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010097\">\n<div class=\"gb-element-e7010073\">\n<span class=\"gb-text gb-text-e701006f\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\/><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010072\">\n<h3 class=\"gb-text gb-text-e7010070\">Passt zu Ihrer Kartenbibliothek<\/h3>\n\n<p class=\"gb-text gb-text-e7010071\">MapLibre GL JS, Mapbox GL JS, Leaflet und OpenLayers, jeweils mit einem funktionierenden Beispiel in der Dokumentation.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010078\">\n<span class=\"gb-text gb-text-e7010074\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010077\">\n<h3 class=\"gb-text gb-text-e7010075\">Fl\u00fcssiges Zoomen und Drehen<\/h3>\n\n<p class=\"gb-text gb-text-e7010076\">Der Browser zeichnet die Karte selbst, deshalb zoomt und dreht sie sich, ohne neue Bilder zu laden. Tiles im MVT-Format, Zoomstufe 0 bis 15.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e701007d\">\n<span class=\"gb-text gb-text-e7010079\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M8 16H3v5\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e701007c\">\n<h3 class=\"gb-text gb-text-e701007a\">Jede Woche aktualisiert<\/h3>\n\n<p class=\"gb-text gb-text-e701007b\">Die Kartendaten stammen aus OpenStreetMap und werden jede Woche neu erstellt.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010082\">\n<span class=\"gb-text gb-text-e701007e\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010081\">\n<h3 class=\"gb-text gb-text-e701007f\">In der EU gehostet<\/h3>\n\n<p class=\"gb-text gb-text-e7010080\">Die Karten werden aus der Europ\u00e4ischen Union ausgeliefert, mit anonymisierten IP-Adressen.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010087\">\n<span class=\"gb-text gb-text-e7010083\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 8 6 6\"\/><path d=\"m4 14 6-6 2-3\"\/><path d=\"M2 5h12\"\/><path d=\"M7 2h1\"\/><path d=\"m22 22-5-10-5 10\"\/><path d=\"M14 18h6\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010086\">\n<h3 class=\"gb-text gb-text-e7010084\">Beschriftungen in vielen Sprachen<\/h3>\n\n<p class=\"gb-text gb-text-e7010085\">Orts-, Stra\u00dfen- und POI-Namen gibt es in den Sprachen, die OpenStreetMap enth\u00e4lt, etwa Deutsch, Englisch und Franz\u00f6sisch.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e701008c\">\n<span class=\"gb-text gb-text-e7010088\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m8 3 4 8 5-5 5 15H2L8 3z\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e701008b\">\n<h3 class=\"gb-text gb-text-e7010089\">H\u00f6hendaten inklusive<\/h3>\n\n<p class=\"gb-text gb-text-e701008a\">H\u00f6henlinien, Schummerung und 3D-H\u00f6hen gibt es mit demselben API-Key.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010091\">\n<span class=\"gb-text gb-text-e701008d\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z\"\/><circle cx=\"16.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010090\">\n<h3 class=\"gb-text gb-text-e701008e\">Ein API-Key<\/h3>\n\n<p class=\"gb-text gb-text-e701008f\">Der Key steckt in der Style-URL und wird an alles weitergegeben, was die Karte l\u00e4dt.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-element-e7010096\">\n<span class=\"gb-text gb-text-e7010092\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"\/><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"\/><\/svg><\/span>\n\n<div class=\"gb-element-e7010095\">\n<h3 class=\"gb-text gb-text-e7010093\">Sieben Designs oder Ihr eigenes<\/h3>\n\n<p class=\"gb-text gb-text-e7010094\">Sieben Standardstile. Eigene Stile in Ihren Markenfarben gibt es mit Enterprise.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"gb-element-e70100ac\">\n<div class=\"gb-element-e70100ab\">\n<div class=\"gb-element-e70100aa\">\n<span class=\"gb-text gb-text-e70100a7\">Anwendungsf\u00e4lle<\/span>\n\n<h2 class=\"gb-text gb-text-e70100a8\">Was Sie mit Vektorkarten bauen k\u00f6nnen<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h2>\n\n<p class=\"gb-text gb-text-e70100a9\">Drei typische Anwendungen, gezeigt mit echten OpenStreetMap-Daten:<\/p>\n<\/div>\n\n<div class=\"gb-element-e70100a6\">\n<a class=\"gb-element-e701009d\" href=\"https:\/\/staging.maptoolkit.com\/de\/solutions\/tourismus\/\">\n<div class=\"uc-pic\" style=\"aspect-ratio:4\/3;background:#EEF1FB;border-radius:12px;overflow:hidden;padding:6% 6% 0;box-sizing:border-box\"><div style=\"height:100%;background:#FFFFFF;border-radius:8px 8px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(25,31,57,0.14)\"><div style=\"display:flex;align-items:center;gap:5px;height:20px;padding:0 9px;background:#F1F2F6;border-bottom:1px solid #E1E2EA;flex:0 0 auto\"><span style=\"width:7px;height:7px;border-radius:50%;background:#F2A19D;display:block\"><\/span><span style=\"width:7px;height:7px;border-radius:50%;background:#F4D38A;display:block\"><\/span><span style=\"width:7px;height:7px;border-radius:50%;background:#A9D8B0;display:block\"><\/span><span style=\"margin-left:8px;height:9px;width:46%;border-radius:5px;background:#FFFFFF;display:block\"><\/span><\/div><div style=\"display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-bottom:1px solid #EEF0F5;flex:0 0 auto\"><span style=\"font-family:Mulish,sans-serif;font-weight:800;font-size:11px;line-height:1;color:#2A3561\">Wandertouren<\/span><span style=\"display:flex;gap:6px\"><span style=\"display:block;height:6px;width:22px;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:6px;width:22px;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:6px;width:22px;border-radius:3px;background:#E1E2EA\"><\/span><\/span><\/div><div style=\"display:flex;flex:1;min-height:0\"><div style=\"flex:0 0 36%;border-right:1px solid #EEF0F5;overflow:hidden\"><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:3px;min-width:0\"><span style=\"font-family:Mulish,sans-serif;font-weight:800;font-size:9px;line-height:1.1;color:#191F39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis\">Lucknerhaus zum Peischlacht\u00f6rl<\/span><span style=\"font-family:Mulish,sans-serif;font-size:8px;line-height:1.1;color:#6B6D7C\">Kals am Gro\u00dfglockner<\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><\/div><div style=\"flex:1;min-width:0;position:relative\"><div style=\"position:relative;width:100%;height:100%;overflow:hidden\"><img src=\"https:\/\/staticmap.maptoolkit.net\/?api_key=toursprung&#038;center=47.02163,12.70489&#038;zoom=12.76&#038;size=208x209&#038;factor=2&#038;format=webp&#038;maptype=maptoolkit-maptoolkit.hiking\" alt=\"Tourenwebsite mit einer Liste von Wandertouren und einer Karte des Weges vom Lucknerhaus bei Kals am Gro\u00dfglockner\" width=\"760\" height=\"570\" loading=\"lazy\" decoding=\"async\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0\"\/><svg viewbox=\"0 0 208 209\" preserveaspectratio=\"xMidYMid slice\" aria-hidden=\"true\" font-family=\"Mulish, sans-serif\"><g fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><g stroke=\"#FFFFFF\" stroke-width=\"6\"><polyline points=\"25,104 24,114 25,117\"><\/polyline><polyline points=\"25,117 25,119 28,120 28,123 24,127 25,130\"><\/polyline><polyline points=\"21,127 22,129 38,132\"><\/polyline><polyline points=\"66,153 56,147 53,148 55,150 52,151 48,146 45,148 42,151 40,150 38,142 38,133\"><\/polyline><polyline points=\"66,153 71,155 73,159 76,159 77,156 81,159 83,157 82,154 87,156 87,163 108,172 126,172\"><\/polyline><polyline points=\"126,172 141,169 170,156 174,151 183,149\"><\/polyline><polyline points=\"183,149 187,150\"><\/polyline><polyline points=\"156,37 158,45 157,46 159,49 158,50 159,51 157,55 159,54 162,58 162,60 158,64 161,70 161,74 160,76 163,83 166,86 166,88 165,88 165,90 166,94 165,100 166,106 165,108 168,112 167,115 170,120 171,120 175,128 175,131 187,141 183,145 187,147 186,148 187,150\"><\/polyline><polyline points=\"156,36 156,37\"><\/polyline><\/g><g stroke=\"#FA3F38\" stroke-width=\"3\"><polyline points=\"25,104 24,114 25,117\"><\/polyline><polyline points=\"25,117 25,119 28,120 28,123 24,127 25,130\"><\/polyline><polyline points=\"21,127 22,129 38,132\"><\/polyline><polyline points=\"66,153 56,147 53,148 55,150 52,151 48,146 45,148 42,151 40,150 38,142 38,133\"><\/polyline><polyline points=\"66,153 71,155 73,159 76,159 77,156 81,159 83,157 82,154 87,156 87,163 108,172 126,172\"><\/polyline><polyline points=\"126,172 141,169 170,156 174,151 183,149\"><\/polyline><polyline points=\"183,149 187,150\"><\/polyline><polyline points=\"156,37 158,45 157,46 159,49 158,50 159,51 157,55 159,54 162,58 162,60 158,64 161,70 161,74 160,76 163,83 166,86 166,88 165,88 165,90 166,94 165,100 166,106 165,108 168,112 167,115 170,120 171,120 175,128 175,131 187,141 183,145 187,147 186,148 187,150\"><\/polyline><polyline points=\"156,36 156,37\"><\/polyline><\/g><\/g><circle cx=\"56\" cy=\"125\" r=\"6\" fill=\"#2A3561\" stroke=\"#FFFFFF\" stroke-width=\"2.5\"><\/circle><\/svg><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"gb-element-e701009c\">\n<h3 class=\"gb-text gb-text-e701009a\">Touren- und Destinationswebsites<span class=\"uc-arrow\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/h3>\n\n<p class=\"gb-text gb-text-e701009b\">Eine interaktive Karte mit Wegen, H\u00fctten und Sehensw\u00fcrdigkeiten, H\u00f6henlinien und Wegschwierigkeiten sind schon enthalten.<\/p>\n<\/div>\n<\/a>\n\n<a class=\"gb-element-e70100a1\" href=\"https:\/\/staging.maptoolkit.com\/de\/solutions\/immobilien\/\">\n<div class=\"uc-pic\" style=\"aspect-ratio:4\/3;background:#EEF1FB;border-radius:12px;overflow:hidden;padding:6% 6% 0;box-sizing:border-box\"><div style=\"height:100%;background:#FFFFFF;border-radius:8px 8px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(25,31,57,0.14)\"><div style=\"display:flex;align-items:center;gap:5px;height:20px;padding:0 9px;background:#F1F2F6;border-bottom:1px solid #E1E2EA;flex:0 0 auto\"><span style=\"width:7px;height:7px;border-radius:50%;background:#F2A19D;display:block\"><\/span><span style=\"width:7px;height:7px;border-radius:50%;background:#F4D38A;display:block\"><\/span><span style=\"width:7px;height:7px;border-radius:50%;background:#A9D8B0;display:block\"><\/span><span style=\"margin-left:8px;height:9px;width:46%;border-radius:5px;background:#FFFFFF;display:block\"><\/span><\/div><div style=\"display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-bottom:1px solid #EEF0F5;flex:0 0 auto\"><span style=\"font-family:Mulish,sans-serif;font-weight:800;font-size:11px;line-height:1;color:#2A3561\">Wohnung finden<\/span><span style=\"display:flex;gap:6px\"><span style=\"display:block;height:6px;width:22px;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:6px;width:22px;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:6px;width:22px;border-radius:3px;background:#E1E2EA\"><\/span><\/span><\/div><div style=\"display:flex;flex:1;min-height:0\"><div style=\"flex:0 0 36%;border-right:1px solid #EEF0F5;overflow:hidden\"><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:3px;min-width:0\"><span style=\"font-family:Mulish,sans-serif;font-weight:800;font-size:9px;line-height:1.1;color:#191F39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis\">Mietwohnung<\/span><span style=\"font-family:Mulish,sans-serif;font-size:8px;line-height:1.1;color:#6B6D7C\">Wien, 4. Bezirk<\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><div style=\"display:flex;gap:7px;align-items:center;padding:7px 9px;border-bottom:1px solid #F0F1F5\"><span style=\"flex:0 0 26px;height:20px;border-radius:3px;background:#E8ECF8;display:block\"><\/span><span style=\"display:flex;flex-direction:column;gap:4px;flex:1\"><span style=\"display:block;height:6px;width:70%;border-radius:3px;background:#E1E2EA\"><\/span><span style=\"display:block;height:5px;width:45%;border-radius:3px;background:#EEF0F5\"><\/span><\/span><\/div><\/div><div style=\"flex:1;min-width:0;position:relative\"><div style=\"position:relative;width:100%;height:100%;overflow:hidden\"><img src=\"https:\/\/staticmap.maptoolkit.net\/?api_key=toursprung&#038;center=48.1985,16.36&#038;zoom=15&#038;size=208x209&#038;factor=2&#038;format=webp&#038;maptype=maptoolkit-maptoolkit.light\" alt=\"Immobilienportal mit einer Liste von Wohnungen und einer Karte einer Wohnung in Wien mit den Schulen, Superm\u00e4rkten und U-Bahn-Eing\u00e4ngen in der Umgebung\" width=\"760\" height=\"570\" loading=\"lazy\" decoding=\"async\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0\"\/><svg viewbox=\"0 0 208 209\" preserveaspectratio=\"xMidYMid slice\" aria-hidden=\"true\" font-family=\"Mulish, sans-serif\"><circle cx=\"96\" cy=\"170\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"117\" cy=\"163\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"51\" cy=\"103\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"173\" cy=\"95\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"171\" cy=\"159\" r=\"4.5\" fill=\"#2A3561\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"15\" cy=\"44\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"147\" cy=\"148\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"23\" cy=\"91\" r=\"4.5\" fill=\"#2A3561\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"167\" cy=\"169\" r=\"4.5\" fill=\"#2A3561\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"80\" cy=\"163\" r=\"4.5\" fill=\"#3B6FE0\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"45\" cy=\"171\" r=\"4.5\" fill=\"#3B6FE0\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"129\" cy=\"157\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"43\" cy=\"154\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"112\" cy=\"163\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"101\" cy=\"168\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><circle cx=\"182\" cy=\"103\" r=\"4.5\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><rect x=\"7\" y=\"180\" width=\"194\" height=\"22\" rx=\"11\" fill=\"#FFFFFF\" stroke=\"#E1E2EA\"><\/rect><circle cx=\"18\" cy=\"191\" r=\"4\" fill=\"#2A3561\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><text x=\"25\" y=\"194\" font-size=\"9\" font-weight=\"800\" fill=\"#191F39\">Schulen<\/text><circle cx=\"70\" cy=\"191\" r=\"4\" fill=\"#2E9D6A\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><text x=\"77\" y=\"194\" font-size=\"9\" font-weight=\"800\" fill=\"#191F39\">Superm\u00e4rkte<\/text><circle cx=\"148\" cy=\"191\" r=\"4\" fill=\"#3B6FE0\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"><\/circle><text x=\"155\" y=\"194\" font-size=\"9\" font-weight=\"800\" fill=\"#191F39\">U-Bahn<\/text><g transform=\"translate(104 110) scale(0.75)\"><path d=\"M0 0c-11-16-20-25-20-37a20 20 0 0 1 40 0c0 12-9 21-20 37z\" fill=\"#FA3F38\" stroke=\"#FFFFFF\" stroke-width=\"3\"><\/path><circle cx=\"0\" cy=\"-37\" r=\"7\" fill=\"#FFFFFF\"><\/circle><\/g><\/svg><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"gb-element-e70100a0\">\n<h3 class=\"gb-text gb-text-e701009e\">Immobilienportale<span class=\"uc-arrow\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/h3>\n\n<p class=\"gb-text gb-text-e701009f\">Wohnungen auf einer ruhigen Karte, mit Schulen, Gesch\u00e4ften und U-Bahn-Stationen in der Umgebung.<\/p>\n<\/div>\n<\/a>\n\n<a class=\"gb-element-e70100a5\" href=\"https:\/\/staging.maptoolkit.com\/de\/api\/offline-karten-api\/\">\n<div class=\"uc-pic\" style=\"aspect-ratio:4\/3;background:#EEF1FB;border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center\"><div style=\"height:92%;aspect-ratio:9\/16;background:#191F39;border-radius:22px 22px 0 0;padding:8px 8px 0;box-sizing:border-box;display:flex;flex-direction:column\"><div style=\"flex:1;background:#FFFFFF;border-radius:15px 15px 0 0;overflow:hidden;display:flex;flex-direction:column\"><div style=\"padding:8px 10px;font-family:Mulish,sans-serif;font-weight:800;font-size:10px;line-height:1;color:#191F39;border-bottom:1px solid #EEF0F5;flex:0 0 auto\">Tauernradweg<\/div><div style=\"flex:1;position:relative;min-height:0\"><div style=\"position:relative;width:100%;height:100%;overflow:hidden\"><img src=\"https:\/\/staticmap.maptoolkit.net\/?api_key=toursprung&#038;center=47.7928,13.0624&#038;zoom=12.6&#038;size=127x220&#038;factor=2&#038;format=webp&#038;maptype=maptoolkit-maptoolkit.cycling\" alt=\"Rad-App auf einem Smartphone mit dem Tauernradweg in Salzburg im Kartenstil Cycling, als offline verf\u00fcgbar markiert\" width=\"760\" height=\"570\" loading=\"lazy\" decoding=\"async\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0\"\/><svg viewbox=\"0 0 127 220\" preserveaspectratio=\"xMidYMid slice\" aria-hidden=\"true\" font-family=\"Mulish, sans-serif\"><g fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><g stroke=\"#FFFFFF\" stroke-width=\"6\"><polyline points=\"19,67 25,70\"><\/polyline><polyline points=\"25,70 25,70\"><\/polyline><polyline points=\"31,74 32,75\"><\/polyline><polyline points=\"96,128 94,125\"><\/polyline><polyline points=\"19,67 5,61\"><\/polyline><polyline points=\"29,73 26,71\"><\/polyline><polyline points=\"26,71 25,70\"><\/polyline><polyline points=\"96,128 99,132\"><\/polyline><polyline points=\"94,124 94,125\"><\/polyline><polyline points=\"99,132 121,159\"><\/polyline><polyline points=\"34,76 59,95\"><\/polyline><polyline points=\"31,74 29,73\"><\/polyline><polyline points=\"34,76 33,76\"><\/polyline><polyline points=\"32,75 33,75\"><\/polyline><polyline points=\"33,75 33,76\"><\/polyline><polyline points=\"87,117 94,124\"><\/polyline><polyline points=\"59,95 74,107\"><\/polyline><polyline points=\"80,112 87,117\"><\/polyline><polyline points=\"74,107 80,112\"><\/polyline><polyline points=\"34,76 34,76\"><\/polyline><\/g><g stroke=\"#FA3F38\" stroke-width=\"3\"><polyline points=\"19,67 25,70\"><\/polyline><polyline points=\"25,70 25,70\"><\/polyline><polyline points=\"31,74 32,75\"><\/polyline><polyline points=\"96,128 94,125\"><\/polyline><polyline points=\"19,67 5,61\"><\/polyline><polyline points=\"29,73 26,71\"><\/polyline><polyline points=\"26,71 25,70\"><\/polyline><polyline points=\"96,128 99,132\"><\/polyline><polyline points=\"94,124 94,125\"><\/polyline><polyline points=\"99,132 121,159\"><\/polyline><polyline points=\"34,76 59,95\"><\/polyline><polyline points=\"31,74 29,73\"><\/polyline><polyline points=\"34,76 33,76\"><\/polyline><polyline points=\"32,75 33,75\"><\/polyline><polyline points=\"33,75 33,76\"><\/polyline><polyline points=\"87,117 94,124\"><\/polyline><polyline points=\"59,95 74,107\"><\/polyline><polyline points=\"80,112 87,117\"><\/polyline><polyline points=\"74,107 80,112\"><\/polyline><polyline points=\"34,76 34,76\"><\/polyline><\/g><\/g><rect x=\"6\" y=\"6\" width=\"62\" height=\"20\" rx=\"10\" fill=\"#FFFFFF\" stroke=\"#E1E2EA\"><\/rect><g transform=\"translate(12 10) scale(0.5)\" fill=\"none\" stroke=\"#FA3F38\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h.01M8.5 16.43a5 5 0 0 1 7 0M5 12.86a10 10 0 0 1 5.17-2.69M19 12.86a10 10 0 0 0-2.01-1.5M2 8.82a15 15 0 0 1 4.18-2.65M22 8.82a15 15 0 0 0-11.29-3.76M2 2l20 20\"><\/path><\/g><text x=\"28\" y=\"20\" font-size=\"10\" font-weight=\"800\" fill=\"#191F39\">Offline<\/text><\/svg><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"gb-element-e70100a4\">\n<h3 class=\"gb-text gb-text-e70100a2\">Apps, die offline funktionieren<span class=\"uc-arrow\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/h3>\n\n<p class=\"gb-text gb-text-e70100a3\">Karten, die auch in den Bergen ohne Mobilfunkempfang funktionieren.<\/p>\n<\/div>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"gb-element-fc860000\">\n<div class=\"gb-element-fc860001\">\n<div class=\"gb-element-fc860002\">\n<div class=\"gb-element-fc860003\">\n<span class=\"gb-text gb-text-fc860004\">Fragen und Antworten<\/span>\n\n<h2 class=\"gb-text gb-text-fc860005\">Fragen zu Vector Tiles<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h2>\n\n<p class=\"gb-text gb-text-fc860006\">Kurze Antworten zu Quellenangaben, dem Wechsel von Mapbox oder Google, mobilen Apps und Kartenaktualisierungen.<\/p>\n<\/div>\n\n<div class=\"gb-accordion gb-accordion-fc860007\">\n<div class=\"gb-accordion__item gb-accordion__item-fc860008\">\n<div role=\"button\" tabindex=\"0\" class=\"gb-accordion__toggle gb-accordion__toggle-fc860009\" id=\"gb-accordion-toggle-fc860009\">\n<h3 class=\"gb-text gb-text-fc86000a\">Muss ich eine Quellenangabe zeigen?<\/h3>\n\n\n\n<span class=\"gb-accordion__toggle-icon gb-accordion__toggle-icon-fc86000b\"><span class=\"gb-accordion__toggle-icon-open\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><span class=\"gb-accordion__toggle-icon-close\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"\/><\/svg><\/span><\/span>\n<\/div>\n\n\n\n<div class=\"gb-accordion__content\" id=\"gb-accordion-content-fc86000c\">\n<p class=\"gb-text gb-text-fc86000d\">Ja. Jede Karte braucht eine sichtbare Quellenangabe f\u00fcr Maptoolkit und OpenStreetMap. Im Web bringt der Kartenstil die Quellenangabe mit, Sie m\u00fcssen sie also nicht selbst schreiben. Setzen Sie in MapLibre das Attribution-Control auf compact: false, sonst schrumpft die Quellenangabe zu einem kleinen Symbol, sobald jemand die Karte bewegt.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-accordion__item gb-accordion__item-fc86000e\">\n<div role=\"button\" tabindex=\"0\" class=\"gb-accordion__toggle gb-accordion__toggle-fc86000f\" id=\"gb-accordion-toggle-fc86000f\">\n<h3 class=\"gb-text gb-text-fc860010\">Wie wechsle ich von Mapbox zu Maptoolkit?<\/h3>\n\n\n\n<span class=\"gb-accordion__toggle-icon gb-accordion__toggle-icon-fc860011\"><span class=\"gb-accordion__toggle-icon-open\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><span class=\"gb-accordion__toggle-icon-close\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"\/><\/svg><\/span><\/span>\n<\/div>\n\n\n\n<div class=\"gb-accordion__content\" id=\"gb-accordion-content-fc860012\">\n<p class=\"gb-text gb-text-fc860013\">Ersetzen Sie Mapbox GL JS durch MapLibre GL JS, den Open-Source-Fork, und tauschen Sie Script-Tag, Access-Token und Style-URL aus. Marker, Popups, Kamerafunktionen und Events funktionieren weiter. Echten Aufwand machen zwei Dinge: eigene Layer, die f\u00fcr Mapbox Streets geschrieben wurden, weil sich Layer- und Feldnamen unterscheiden, und Stile aus Mapbox Studio, denn eigene Kartenstile gibt es mit Enterprise.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-accordion__item gb-accordion__item-fc860014\">\n<div role=\"button\" tabindex=\"0\" class=\"gb-accordion__toggle gb-accordion__toggle-fc860015\" id=\"gb-accordion-toggle-fc860015\">\n<h3 class=\"gb-text gb-text-fc860016\">Kann ich von Google Maps zu Maptoolkit wechseln?<\/h3>\n\n\n\n<span class=\"gb-accordion__toggle-icon gb-accordion__toggle-icon-fc860017\"><span class=\"gb-accordion__toggle-icon-open\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><span class=\"gb-accordion__toggle-icon-close\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"\/><\/svg><\/span><\/span>\n<\/div>\n\n\n\n<div class=\"gb-accordion__content\" id=\"gb-accordion-content-fc860018\">\n<p class=\"gb-text gb-text-fc860019\">Ja, in zwei Schritten. Routing, Geocoding und H\u00f6hendaten haben direkte Entsprechungen, deshalb k\u00f6nnen Sie diese zuerst umstellen, w\u00e4hrend die Karte bleibt, wo sie ist. Die Karte selbst schreiben Sie in MapLibre GL JS oder Leaflet neu. Achten Sie auf die Reihenfolge der Koordinaten: MapLibre erwartet zuerst den L\u00e4ngengrad. F\u00fcr Places, Street View und Live-Verkehr gibt es keine Entsprechung.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-accordion__item gb-accordion__item-fc86001a\">\n<div role=\"button\" tabindex=\"0\" class=\"gb-accordion__toggle gb-accordion__toggle-fc86001b\" id=\"gb-accordion-toggle-fc86001b\">\n<h3 class=\"gb-text gb-text-fc86001c\">Kann ich die Karten in meiner iOS- oder Android-App nutzen?<\/h3>\n\n\n\n<span class=\"gb-accordion__toggle-icon gb-accordion__toggle-icon-fc86001d\"><span class=\"gb-accordion__toggle-icon-open\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><span class=\"gb-accordion__toggle-icon-close\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"\/><\/svg><\/span><\/span>\n<\/div>\n\n\n\n<div class=\"gb-accordion__content\" id=\"gb-accordion-content-fc86001e\">\n<p class=\"gb-text gb-text-fc86001f\">Ja. Verwenden Sie das Open-Source-SDK MapLibre Native, das auf iOS, Android und weiteren Plattformen l\u00e4uft. Es l\u00e4dt dieselben Style-URLs wie im Web, so k\u00f6nnen Ihre App und Ihre Website dieselbe Karte zeigen. Zeigen Sie auf jedem Kartenbildschirm die Quellenangabe f\u00fcr Maptoolkit und OpenStreetMap zusammen mit dem kleinen Maptoolkit-Logo.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"gb-accordion__item gb-accordion__item-fc860020\">\n<div role=\"button\" tabindex=\"0\" class=\"gb-accordion__toggle gb-accordion__toggle-fc860021\" id=\"gb-accordion-toggle-fc860021\">\n<h3 class=\"gb-text gb-text-fc860022\">Wie schnell erscheinen \u00c4nderungen in OpenStreetMap auf der Karte?<\/h3>\n\n\n\n<span class=\"gb-accordion__toggle-icon gb-accordion__toggle-icon-fc860023\"><span class=\"gb-accordion__toggle-icon-open\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><span class=\"gb-accordion__toggle-icon-close\"><svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"\/><\/svg><\/span><\/span>\n<\/div>\n\n\n\n<div class=\"gb-accordion__content\" id=\"gb-accordion-content-fc860024\">\n<p class=\"gb-text gb-text-fc860025\">Nach der n\u00e4chsten w\u00f6chentlichen Neuerstellung. Die Karte wird jeden Sonntag aus OpenStreetMap neu erstellt, eine \u00c4nderung in OpenStreetMap erscheint also nach der n\u00e4chsten Neuerstellung, nicht sofort. Ein Browser, der ein Tile bereits geladen hat, zeigt unter Umst\u00e4nden bis zu einer Woche lang noch das alte. H\u00f6henlinien und Wassertiefen stammen aus eigenen Daten und \u00e4ndern sich nur selten.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Muss ich eine Quellenangabe zeigen?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja. Jede Karte braucht eine sichtbare Quellenangabe f\u00fcr Maptoolkit und OpenStreetMap. Im Web bringt der Kartenstil die Quellenangabe mit, Sie m\u00fcssen sie also nicht selbst schreiben. Setzen Sie in MapLibre das Attribution-Control auf compact: false, sonst schrumpft die Quellenangabe zu einem kleinen Symbol, sobald jemand die Karte bewegt.\"}}, {\"@type\": \"Question\", \"name\": \"Wie wechsle ich von Mapbox zu Maptoolkit?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ersetzen Sie Mapbox GL JS durch MapLibre GL JS, den Open-Source-Fork, und tauschen Sie Script-Tag, Access-Token und Style-URL aus. Marker, Popups, Kamerafunktionen und Events funktionieren weiter. Echten Aufwand machen zwei Dinge: eigene Layer, die f\u00fcr Mapbox Streets geschrieben wurden, weil sich Layer- und Feldnamen unterscheiden, und Stile aus Mapbox Studio, denn eigene Kartenstile gibt es mit Enterprise.\"}}, {\"@type\": \"Question\", \"name\": \"Kann ich von Google Maps zu Maptoolkit wechseln?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja, in zwei Schritten. Routing, Geocoding und H\u00f6hendaten haben direkte Entsprechungen, deshalb k\u00f6nnen Sie diese zuerst umstellen, w\u00e4hrend die Karte bleibt, wo sie ist. Die Karte selbst schreiben Sie in MapLibre GL JS oder Leaflet neu. Achten Sie auf die Reihenfolge der Koordinaten: MapLibre erwartet zuerst den L\u00e4ngengrad. F\u00fcr Places, Street View und Live-Verkehr gibt es keine Entsprechung.\"}}, {\"@type\": \"Question\", \"name\": \"Kann ich die Karten in meiner iOS- oder Android-App nutzen?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja. Verwenden Sie das Open-Source-SDK MapLibre Native, das auf iOS, Android und weiteren Plattformen l\u00e4uft. Es l\u00e4dt dieselben Style-URLs wie im Web, so k\u00f6nnen Ihre App und Ihre Website dieselbe Karte zeigen. Zeigen Sie auf jedem Kartenbildschirm die Quellenangabe f\u00fcr Maptoolkit und OpenStreetMap zusammen mit dem kleinen Maptoolkit-Logo.\"}}, {\"@type\": \"Question\", \"name\": \"Wie schnell erscheinen \u00c4nderungen in OpenStreetMap auf der Karte?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Nach der n\u00e4chsten w\u00f6chentlichen Neuerstellung. Die Karte wird jeden Sonntag aus OpenStreetMap neu erstellt, eine \u00c4nderung in OpenStreetMap erscheint also nach der n\u00e4chsten Neuerstellung, nicht sofort. Ein Browser, der ein Tile bereits geladen hat, zeigt unter Umst\u00e4nden bis zu einer Woche lang noch das alte. H\u00f6henlinien und Wassertiefen stammen aus eigenen Daten und \u00e4ndern sich nur selten.\"}}]}<\/script>\n\n<section class=\"gb-element-e70100b5\">\n<img decoding=\"async\" class=\"gb-media-e70100ad\" src=\"https:\/\/staging.maptoolkit.com\/wp-content\/uploads\/2026\/10\/fp-cta-scaled.webp\" alt=\"\" width=\"2560\" height=\"747\" loading=\"lazy\" \/>\n\n<div class=\"gb-element-e70100b4\">\n<div class=\"gb-element-e70100b0\">\n<h2 class=\"gb-text gb-text-e70100ae\">Die richtige Karte f\u00fcr Ihr Projekt<mark style=\"background-color:rgba(0,0,0,0);color:#fa3f38\" class=\"has-inline-color\">.<\/mark><\/h2>\n\n<p class=\"gb-text gb-text-e70100af\">In einer Demo zeigen wir Ihnen die sieben Designs f\u00fcr Ihre Region und besprechen, was eine Karte in Ihren eigenen Farben bedeuten w\u00fcrde.<\/p>\n<\/div>\n\n<div class=\"gb-element-e70100b3\">\n<a class=\"gb-text gb-text-e70100b1\" href=\"https:\/\/staging.maptoolkit.com\/de\/demo\/\">Demo buchen<\/a>\n\n<a class=\"gb-text-e70100b2\" href=\"https:\/\/docs.maptoolkit.com\/vector-tiles\/\"><span class=\"gb-shape\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><span class=\"gb-text\">Zur Dokumentation<\/span><\/a>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Vector Tiles API Interaktive Karten f\u00fcr Ihre Website und App. Scharfe, schnelle Karten, die Ihre Besucher zoomen und drehen k\u00f6nnen, &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Vector Tiles API\" class=\"read-more button\" href=\"https:\/\/staging.maptoolkit.com\/de\/api\/vector-tiles-api\/#more-7988\" aria-label=\"Mehr Informationen \u00fcber Vector Tiles API\">Weiterlesen &#8230;<\/a><\/p>\n","protected":false},"author":8,"featured_media":7661,"parent":7833,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7988","page","type-page","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/7988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/comments?post=7988"}],"version-history":[{"count":13,"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/7988\/revisions"}],"predecessor-version":[{"id":8803,"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/7988\/revisions\/8803"}],"up":[{"embeddable":true,"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/7833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/media\/7661"}],"wp:attachment":[{"href":"https:\/\/staging.maptoolkit.com\/de\/wp-json\/wp\/v2\/media?parent=7988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}