{"id":1889,"date":"2022-06-14T10:52:28","date_gmt":"2022-06-14T10:52:28","guid":{"rendered":"https:\/\/www.maptoolkit.com\/?page_id=1889"},"modified":"2025-12-03T16:37:31","modified_gmt":"2025-12-03T16:37:31","slug":"3d","status":"publish","type":"page","link":"https:\/\/www.maptoolkit.com\/de\/solutions\/3d\/","title":{"rendered":"3D Gel\u00e4nde und Geb\u00e4ude"},"content":{"rendered":"<div class=\"gb-container gb-container-29469274 gbp-section\">\n\n<h1 class=\"gb-headline gb-headline-a129e14f gb-headline-text\">3D Gel\u00e4nde und Geb\u00e4ude<\/h1>\r\n\n\n\n<p class=\"gb-headline gb-headline-9be93c0f gb-headline-text\">Maptoolkit kommt mit integriertem und pluginfreiem 3D f\u00fcr Gel\u00e4nde und Geb\u00e4ude. 3D funktioniert mit allen Kartenstilen, ohne Vorladen und hat volle Kompatibilit\u00e4t mit unseren anderen APIs.<\/p>\r\n\n\n\n<div class=\"gb-element-8473093b mtk-markdown-hide\">\n<h2 class=\"gb-text gb-text-bd4921e2\">Beispiel &#8230;<\/h2>\r\n\n\n<div class=\"mtk-markdown markdown-body\"><div class=\"markdown-heading\"><h1 class=\"heading-element\">Hello world example v10<\/h1><a id=\"user-content-hello-world-example-v10\" class=\"anchor\" aria-label=\"Permalink: Hello world example v10\" href=\"#hello-world-example-v10\"><span aria-hidden=\"true\" class=\"octicon octicon-link\"><\/span><\/a><\/div>\n<p>This is a very basic example how to embed and initialise a map.<\/p>\n<p><iframe width=\"100%\" height=\"500\" id=\"mtk_iframe_d0936724b148759b1a9b8e4ad95fb68a\" style=\"border:none\"><\/iframe><\/p>\n<\/div>      <script>\n        (() => {\n          let mtk_iframes = {\"mtk_iframe_d0936724b148759b1a9b8e4ad95fb68a\":[\"<iframe width=\\\"100%\\\" height=\\\"500\\\" id=\\\"mtk_iframe_d0936724b148759b1a9b8e4ad95fb68a\\\" style=\\\"border:none\\\"><\\\/iframe>\",\"\\n<html>\\n<head>\\n  <script src=\\\"https:\\\/\\\/static.maptoolkit.net\\\/mtk\\\/v10.1.10\\\/mtk.js\\\"><\\\/script>\\n  <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/static.maptoolkit.net\\\/mtk\\\/v10.1.10\\\/mtk.css\\\" \\\/>\\n  <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/static.maptoolkit.net\\\/mtk\\\/v10.1.10\\\/ui.css\\\">\\n  <style>\\n    body { width: 100%; height: 100%; padding: 0; margin: 0; }\\n    #map { width: 100%; height: 100%; background: #CCDFE3 }\\n  <\\\/style>\\n<\\\/head>\\n<body>\\n  <div id=\\\"map\\\"><\\\/div>\\n  <script>\\n    MTK.init({ apiKey: \\\"toursprung\\\" }).createMap(\\\"map\\\", {\\n      map: {\\n        location: { center: [11.40037, 47.26816], zoom: 12, pitch: 75 },\\n        controls: [\\n          new maplibregl.NavigationControl({ showCompass: false }),\\n          new MTK.Map3DControl()\\n        ],\\n        mapType: \\\"toursprung-terrain\\\"\\n      }\\n    });\\n  <\\\/script>\\n<\\\/body>\\n<\\\/html>\\n\"]};\n          for (let id in mtk_iframes) {\n            let iframe = document.getElementById(id);\n            iframe.contentWindow.document.open();\n            iframe.contentWindow.document.write(mtk_iframes[id][1]);\n            iframe.contentWindow.document.close();\n          }\n        })();\n      <\/script>\n<\/div>\n\n<\/div><div class=\"gb-container gb-container-5ba4ab35\">\n<div class=\"gb-container gb-container-7d73a331 gbp-section\">\n\n<h2 class=\"gb-headline gb-headline-a3e33d23 gb-headline-text\">Features<\/h2>\r\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n<div class=\"gb-container gb-container-bdb85265\">\n<div class=\"gb-container gb-container-97a31e01\">\n\n<figure class=\"gb-block-image gb-block-image-cf014c03\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"929\" class=\"gb-image gb-image-cf014c03\" title=\"3d-buildings\" src=\"https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1.png\" alt=\"\" srcset=\"https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1.png 1177w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1-300x237.png 300w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1-1024x808.png 1024w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1-768x606.png 768w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1-185x146.png 185w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1-50x39.png 50w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2022\/11\/3d-buildings-1-95x75.png 95w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><\/figure>\n\n<\/div>\n\n<div class=\"gb-container gb-container-702c9127\">\n<div class=\"gb-container gb-container-99bfc321\">\n\n<span class=\"gb-button gb-button-f44c360b\"><span class=\"gb-icon\"><svg aria-hidden=\"true\" role=\"img\" height=\"1em\" width=\"1em\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z\"><\/path><\/svg><\/span><\/span>\r\n\n\n<div class=\"gb-container gb-container-3e3e506a\">\n\n<h4 class=\"gb-headline gb-headline-31421075 gb-headline-text\">Kein Plugin\r\n<\/h4>\n\n\n\n<p class=\"gb-headline gb-headline-3c33fc54 gb-headline-text\">F\u00fcr die Verwendung von 3D ist kein Plugin oder Vorladen erforderlich. Neigen Sie einfach die Karte (oder verwenden Sie die Schaltfl\u00e4che) und es funktioniert.\r\n<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-8328cc03\">\n\n<span class=\"gb-button gb-button-6a4f6961\"><span class=\"gb-icon\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <title>maps<\/title>\r\n  <path d=\"M24,7.015a1.5,1.5,0,0,0-.656-1.241l-7-4.761a1.493,1.493,0,0,0-1.677-.007l-.019.013L8.816,5.309a.5.5,0,0,1-.592,0L2.387,1.039A1.5,1.5,0,0,0,0,2.25V16.985a1.5,1.5,0,0,0,.656,1.241l7,4.761a1.5,1.5,0,0,0,1.676.007l.019-.014,5.832-4.289a.5.5,0,0,1,.592,0l5.837,4.27A1.5,1.5,0,0,0,24,21.75ZM9.5,7.53a.5.5,0,0,1,.2-.4l4.4-3.291a.25.25,0,0,1,.4.2V16.47a.5.5,0,0,1-.2.4L9.9,20.162a.25.25,0,0,1-.4-.2ZM2,3.727a.25.25,0,0,1,.4-.2L7.3,7.107a.5.5,0,0,1,.205.4V19.989a.249.249,0,0,1-.133.221.252.252,0,0,1-.258-.014l-4.89-3.327A.5.5,0,0,1,2,16.456ZM22,20.272a.25.25,0,0,1-.4.2l-4.9-3.582a.5.5,0,0,1-.2-.4V4.011a.249.249,0,0,1,.133-.221.252.252,0,0,1,.258.014l4.89,3.326A.5.5,0,0,1,22,7.544Z\"><\/path>\r\n<\/svg>\r\n<\/span><\/span>\r\n\n\n<div class=\"gb-container gb-container-73341973\">\n\n<h4 class=\"gb-headline gb-headline-6f5a6296 gb-headline-text\">Kartenstile<\/h4>\r\n\n\n\n<p class=\"gb-headline gb-headline-2a6dbe47 gb-headline-text\">Funktioniert mit allen Kartenstilen (auch mit Ihrem eigenen Stil) und sogar mit unseren Karten-Overlays.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-48d8131c\">\n\n<span class=\"gb-button gb-button-1f92a52d\"><span class=\"gb-icon\"><svg viewBox=\"0 0 104.44 122.88\" data-name=\"Layer 1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <title>apartment<\/title>\r\n  <path d=\"M3.55,119.32H0v3.56H92.49v-3.56h-2v-17a1.22,1.22,0,0,0-1.22-1.22H75.54a1.22,1.22,0,0,0-1.22,1.22v17H48.47V95.23a1.63,1.63,0,0,0-1.63-1.62H19.94a1.63,1.63,0,0,0-1.63,1.62v24.09H0V2.6A2.79,2.79,0,0,1,.82.85h0a2.84,2.84,0,0,1,2-.84H63.93a2.82,2.82,0,0,1,2,.84l.13.13a2.83,2.83,0,0,1,.72,1.89V34.57H102a2.39,2.39,0,0,1,1.69.7h0a2.36,2.36,0,0,1,.7,1.68v84.29a1.63,1.63,0,0,1-1.63,1.63H92.49v-3.56H101V38H66.79v81.34H63.23V3.56H3.55V119.32Zm84.54,0H76.76V103.5H88.09v15.82ZM85.45,45h8.81c.07,0,.13.1.13.22v5.71c0,.1-.06.21-.13.21H85.45c-.07,0-.13-.09-.13-.21V45.22c0-.12.06-.22.13-.22Zm0,39.6h8.81c.07,0,.13.1.13.21v5.71c0,.11-.06.22-.13.22H85.45c-.07,0-.13-.1-.13-.22V84.81c0-.11.06-.21.13-.21Zm-14.85,0h8.8c.08,0,.14.1.14.21v5.71c0,.11-.06.22-.14.22H70.6c-.08,0-.14-.1-.14-.22V84.81c0-.11.06-.21.14-.21ZM85.45,71.4h8.81c.07,0,.13.1.13.22v5.71c0,.11-.06.22-.13.22H85.45c-.07,0-.13-.1-.13-.22V71.62c0-.13.06-.22.13-.22Zm0-13.2h8.81c.07,0,.13.1.13.22v5.71c0,.11-.06.22-.13.22H85.45c-.07,0-.13-.1-.13-.22V58.42c0-.12.06-.22.13-.22ZM70.6,45h8.8c.08,0,.14.1.14.22v5.71c0,.1-.06.21-.14.21H70.6c-.08,0-.14-.09-.14-.21V45.22c0-.12.06-.22.14-.22Zm0,26.4h8.8c.08,0,.14.1.14.22v5.71c0,.11-.06.22-.14.22H70.6c-.08,0-.14-.1-.14-.22V71.62c0-.13.06-.22.14-.22Zm0-13.2h8.8c.08,0,.14.1.14.22v5.71c0,.11-.06.22-.14.22H70.6c-.08,0-.14-.1-.14-.22V58.42c0-.12.06-.22.14-.22ZM45.21,119.32H21.57V96.86H45.21v22.46ZM12.13,12.52h9.58a.28.28,0,0,1,.27.27v9.59a.28.28,0,0,1-.27.27H12.13a.28.28,0,0,1-.27-.27V12.79a.28.28,0,0,1,.27-.27Zm32.94,0h9.58a.28.28,0,0,1,.27.27v9.59a.28.28,0,0,1-.27.27H45.07a.28.28,0,0,1-.27-.27V12.79a.28.28,0,0,1,.27-.27Zm-16.47,0h9.58a.28.28,0,0,1,.27.27v9.59a.28.28,0,0,1-.27.27H28.6a.28.28,0,0,1-.27-.27V12.79a.28.28,0,0,1,.27-.27ZM12.13,33.28h9.58a.28.28,0,0,1,.27.27v9.59a.28.28,0,0,1-.27.27H12.13a.28.28,0,0,1-.27-.27V33.55a.28.28,0,0,1,.27-.27Zm32.94,0h9.58a.28.28,0,0,1,.27.27v9.59a.28.28,0,0,1-.27.27H45.07a.28.28,0,0,1-.27-.27V33.55a.28.28,0,0,1,.27-.27Zm-16.47,0h9.58a.28.28,0,0,1,.27.27v9.59a.28.28,0,0,1-.27.27H28.6a.28.28,0,0,1-.27-.27V33.55a.28.28,0,0,1,.27-.27ZM12.13,74.8h9.58a.27.27,0,0,1,.27.27v9.58a.27.27,0,0,1-.27.27H12.13a.27.27,0,0,1-.27-.27V75.07a.27.27,0,0,1,.27-.27Zm32.94,0h9.58a.27.27,0,0,1,.27.27v9.58a.27.27,0,0,1-.27.27H45.07a.27.27,0,0,1-.27-.27V75.07a.27.27,0,0,1,.27-.27Zm-16.47,0h9.58a.27.27,0,0,1,.27.27v9.58a.27.27,0,0,1-.27.27H28.6a.27.27,0,0,1-.27-.27V75.07a.27.27,0,0,1,.27-.27ZM12.13,54h9.58a.27.27,0,0,1,.27.27V63.9a.28.28,0,0,1-.27.27H12.13a.28.28,0,0,1-.27-.27V54.31a.27.27,0,0,1,.27-.27Zm32.94,0h9.58a.27.27,0,0,1,.27.27V63.9a.28.28,0,0,1-.27.27H45.07a.28.28,0,0,1-.27-.27V54.31a.27.27,0,0,1,.27-.27ZM28.6,54h9.58a.27.27,0,0,1,.27.27V63.9a.28.28,0,0,1-.27.27H28.6a.28.28,0,0,1-.27-.27V54.31A.27.27,0,0,1,28.6,54Z\"><\/path>\r\n<\/svg>\r\n<\/span><\/span>\r\n\n\n<div class=\"gb-container gb-container-ec09201f\">\n\n<h4 class=\"gb-headline gb-headline-3b0c114c gb-headline-text\">Geb\u00e4ude<\/h4>\r\n\n\n\n<p class=\"gb-headline gb-headline-54e93edb gb-headline-text\">Maptoolkit unterst\u00fctzt nicht nur den Detaillierungsgrad 1 (Geb\u00e4ude sind nur K\u00e4sten), sondern auch den Detaillierungsgrad 2 (detailliertere Darstellung der Geb\u00e4ude).<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-3c5cc0ef\">\n\n<span class=\"gb-button gb-button-6e34806d\"><span class=\"gb-icon\"><svg viewBox=\"0 0 512 331.617\" clip-rule=\"evenodd\" fill-rule=\"evenodd\" image-rendering=\"optimizeQuality\" text-rendering=\"geometricPrecision\" shape-rendering=\"geometricPrecision\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M271.099 21.308C274.787 6.304 289.956-2.873 304.96.815c15.005 3.688 24.181 18.857 20.493 33.862l-68.491 275.632c-3.689 15.005-18.857 24.181-33.862 20.493-15.005-3.688-24.181-18.857-20.493-33.862l68.492-275.632zm-118.45 224.344c11.616 10.167 12.795 27.834 2.628 39.45-10.168 11.615-27.835 12.794-39.45 2.627L9.544 194.604C-2.071 184.437-3.25 166.77 6.918 155.155c.873-.997 1.8-1.912 2.767-2.75l106.142-93.001c11.615-10.168 29.282-8.989 39.45 2.626 10.167 11.616 8.988 29.283-2.628 39.45l-82.27 72.086 82.27 72.086zm243.524 42.077c-11.615 10.167-29.282 8.988-39.45-2.627-10.167-11.616-8.988-29.283 2.628-39.45l82.27-72.086-82.27-72.086c-11.616-10.167-12.795-27.834-2.628-39.45 10.168-11.615 27.835-12.794 39.45-2.626l106.142 93.001a28.366 28.366 0 012.767 2.75c10.168 11.615 8.989 29.282-2.626 39.449l-106.283 93.125z\" fill-rule=\"nonzero\"><\/path>\r\n<\/svg>\r\n<\/span><\/span>\r\n\n\n<div class=\"gb-container gb-container-be05b5f5\">\n\n<h4 class=\"gb-headline gb-headline-a786710f gb-headline-text\">Kompatibilit\u00e4t<\/h4>\r\n\n\n\n<p class=\"gb-headline gb-headline-4bca8c9d gb-headline-text\">3D ist mit unseren anderen APIs kompatibel und Sie k\u00f6nnen auch f\u00fcr jede Seite w\u00e4hlen, ob Sie es aktivieren m\u00f6chten.<\/p>\r\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"gb-container gb-container-bc3f6145 alignfull\">\n<div class=\"gb-container gb-container-e0ab9dd7\">\n\n<h2 class=\"gb-headline gb-headline-c593864c gb-headline-text\"><strong>Wir beraten Sie pers\u00f6nlich<\/strong><\/h2>\r\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#c3c3c3;color:#c3c3c3\"\/>\n\n\n<div class=\"gb-container gb-container-30f9a422\">\n<div class=\"gb-container gb-container-d1b3811f\">\n\n<figure class=\"gb-block-image gb-block-image-fcc53e52\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" class=\"gb-image gb-image-fcc53e52\" title=\"PeterH_LUX_0871@lisalux1_square\" src=\"https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-300x300.jpg\" alt=\"\" srcset=\"https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-300x300.jpg 300w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-150x150.jpg 150w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-146x146.jpg 146w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-50x50.jpg 50w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-75x75.jpg 75w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-85x85.jpg 85w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square-80x80.jpg 80w, https:\/\/www.maptoolkit.com\/wp-content\/uploads\/2020\/02\/PeterH_LUX_0871@lisalux1_square.jpg 387w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n<\/div>\n\n<div class=\"gb-container gb-container-97a801dd\">\n\n<p class=\"has-text-color has-link-color wp-elements-3709b689d29f794d58947513d7422017\" style=\"color:#595959\">Mein Name ist Peter H\u00f6flehner und ich werde Ihr&#13;\n<br\/>Projekt- und Key Account-Manager sein.<\/p>\n\n\n\n<a class=\"gb-button gb-button-d3a3b162 gb-button-text gbp-button--primary\" href=\"tel:+436641308111\">Handy +43 664 1308111<\/a>\r\n\n\n\n<a class=\"gb-button gb-button-ca57bc22 gb-button-text gbp-button--primary\" href=\"mailto:peter@maptoolkit.com\">peter@maptoolkit.com<\/a>\r\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>3D Gel\u00e4nde und Geb\u00e4ude Maptoolkit kommt mit integriertem und pluginfreiem 3D f\u00fcr Gel\u00e4nde und Geb\u00e4ude. 3D funktioniert mit allen Kartenstilen, &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"3D Gel\u00e4nde und Geb\u00e4ude\" class=\"read-more button\" href=\"https:\/\/www.maptoolkit.com\/de\/solutions\/3d\/#more-1889\" aria-label=\"Mehr Informationen \u00fcber 3D Gel\u00e4nde und Geb\u00e4ude\">Weiterlesen &#8230;<\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"parent":2490,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1889","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/1889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/comments?post=1889"}],"version-history":[{"count":5,"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/1889\/revisions"}],"predecessor-version":[{"id":6170,"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/1889\/revisions\/6170"}],"up":[{"embeddable":true,"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/pages\/2490"}],"wp:attachment":[{"href":"https:\/\/www.maptoolkit.com\/de\/wp-json\/wp\/v2\/media?parent=1889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}