--- title: Map-Elements der toujou-Elementbibliothek url: "https://www.toujou.de/service/elementbibliothek/map-elements/" description: "Alle Map-Elemente im Überblick: Adressen, Kontakte, Koordinaten oder eigene Karten anzeigen lassen. Previews, Anleitungen und Verhaltensbeschreibung." date: 2018-08-28 modified: 2022-09-27 --- # Map-Elements der toujou-Elementbibliothek 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Map Elements](https://www.toujou.de/service/elementbibliothek/map-elements/) **Die toujou-Elementbibliothek** -------------------------------- Karten / Maps ============= In toujou finden Sie vorkonfigurierte bzw. individuelle Karten-Elemente mit den notwendigen Freiheiten dort, wo Sie diese brauchen. Das Erscheinungsbild Ihres Textes oder Ihrer Kontaktdaten wird zentral gesteuert. Formate- und Textspalten werden inklusive responsivem Verhalten angeboten. Buttons, Links, Ausrichtung und Textstile werden durch den Redakteur gesteuert. **Wichtiger Hinweis:** Für die Anzeige der Karten auf der Website sind zwei Drittanbieter möglich. Mapbox oder OpenStreetMap. **Karten mit Kontakt-Informationen:** [Quadratisch](#c1001048) | [16:9-Format](#c1001044) **Karten mit Adress-Informationen und Text:** [Quadratisch](#c1001040) | [16:9-Format](#c1001404) **Bildelement einer Karte mit Text:** [Quadratisch](#c1001409) | [16:9-Format](#c1001412) **Karten aus Koordinaten und Text:** [Quadratisch](#c1001417) | [16:9-Format](#c1001420) ![Ein Standortmarker auf einem grünen Hintergrund, begleitet von drei horizontalen Linien, die Informationen darstellen.](https://www.toujou.de/_assets/processed/I22TJKtZBpgIWxfCRW8N1yM-uSEvIH-5hyKUdaXvGsw/q:85/w:400/h:160/fn:Y3NtX01hcHNfMjAwMF84MDBfdHJhbnNwYXJlbnRfZjYxOWQyZDcxZg:t/cb:fd9445d5f904d24570382f72fc2ddf9d7abef59e/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvQmliLVRlYXNlcl8yMDAwXzgwMF90cmFuc3BhcmVudC9NYXBzXzIwMDBfODAwX3RyYW5zcGFyZW50LnBuZw) ### Gebrauchsanweisung Auf dieser Seite finden Sie alle in toujou verfügbaren Karten-Elemente. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext sowie Muster-Adressen. Zur detaillierten Nutzungsanleitung gelangen Sie über die rechts unter dem jeweiligen Element platzierten [Schaltflächen ❯](https://www.toujou.de/service/elementbibliothek/map-elements/) --- Alle Map-Elemente im Überblick -------------------------------- ### Map with contact information left, square Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben DFAU GmbH --------- Graf-Pückler-Limpurg-Str. 87 90768 Fürth Tel: [+49 911 23980-870](tel:+4991123980870) E-Mail: [ ](https://www.facebook.com/toujou.typo3/) [ ](https://twitter.com/toujou_de) [ ](https://www.instagram.com/toujou.de/) [ ](https://www.linkedin.com/company/12834142) [Map with contact information left, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-contact-left-11/) --- ### Map with contact information right, square Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben DFAU GmbH --------- Graf-Pückler-Limpurg-Str. 87 90768 Fürth Tel: [+49 911 23980-870](tel:+4991123980870) E-Mail: [ ](https://www.facebook.com/toujou.typo3/) [ ](https://twitter.com/toujou_de) [ ](https://www.instagram.com/toujou.de/) [ ](https://www.linkedin.com/company/12834142) [Map with contact information right, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-contact-right-11/) --- ### Map with contact information left, 16:9 Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben DFAU GmbH --------- Graf-Pückler-Limpurg-Str. 87 90768 Fürth Tel: [+49 911 23980-870](tel:+4991123980870) E-Mail: [ ](https://www.facebook.com/toujou.typo3/) [ ](https://twitter.com/toujou_de) [ ](https://www.instagram.com/toujou.de/) [ ](https://www.linkedin.com/company/12834142) [Map with contact information left, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-contact-left-169/) --- ### Map with contact information right, 16:9 Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben DFAU GmbH --------- Graf-Pückler-Limpurg-Str. 87 90768 Fürth Tel: [+49 911 23980-870](tel:+4991123980870) E-Mail: [ ](https://www.facebook.com/toujou.typo3/) [ ](https://twitter.com/toujou_de) [ ](https://www.instagram.com/toujou.de/) [ ](https://www.linkedin.com/company/12834142) [Map with contact information right, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-contact-right-169/) --- ### Map of address left with text, square Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Musterfirma ----------- Pestalozzistraße 90429 Nürnberg DE Tel: [+4940 12345678](tel:+494012345678) E-Mail: [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of address left with text, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-address-left-11/) --- ### Map of address right with text, square Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Musterfirma ----------- Pestalozzistraße 90429 Nürnberg DE Tel: [+4940 12345678](tel:+494012345678) E-Mail: This is a map element that displays an address above any type of information. The text and/or other type of content is displayed underneath the address and above social media icons, if you wish to link to social media channels. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of address right with text, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-address-right-11/) --- ### Map of address left with text, 16:9 Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Musterfirma ----------- Pestalozzistraße 90429 Nürnberg DE Tel: [+4940 12345678](tel:+494012345678) E-Mail: [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of address left with text, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-address-left-169/) --- ### Map of address right with text, 16:9 Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Musterfirma ----------- Pestalozzistraße 90429 Nürnberg DE Tel: [+4940 12345678](tel:+494012345678) E-Mail: [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of address right with text, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-address-right-169/) --- ### Map image left with text, square ![](https://www.toujou.de/_assets/processed/DEbsGzJTjGzKejcFdYgHjeaAMzdGa_YC-z5W_MIzyDE/q:85/c:2073:2073:fp:0.442:0.5/rt:force/w:433/h:433/fn:Y3NtX01hcC1QaW5fZTFjMjkxM2FkYg:t/cb:646c78be3134ad775693e9c99fe9cb1bbb9f5013/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL01hcC1QaW4ucG5n) This is a map element designed for your own location images and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.xing.com) [Map image left with text, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-image-left-11/) --- ### Map image right with text, square ![](https://www.toujou.de/_assets/processed/HQypiZMKhPos7l6L6EPmBMoQYp2sJkXCFtaFJWp8I8o/q:85/c:2073:2073:fp:0.435:0.5/rt:force/w:433/h:433/fn:Y3NtX01hcC1QaW5fZDE1YjQxYWZiNA:t/cb:646c78be3134ad775693e9c99fe9cb1bbb9f5013/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL01hcC1QaW4ucG5n) This is a map element designed for your own location images and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.xing.com) [Map image right with text, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-image-right-11/) --- ### Map image left with text, 16:9 ![](https://www.toujou.de/_assets/processed/qNIeXTfeLrxHvkwUda0VLp1xZM3AtJUcZ4xmHlXPRt8/q:85/c:3200:1797.7528089888:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX01hcC1QaW5fMjVlZTk0MGUxZQ:t/cb:646c78be3134ad775693e9c99fe9cb1bbb9f5013/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL01hcC1QaW4ucG5n) This is a map element designed for your own location images and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.xing.com) [Map image left with text, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-image-left-169/) --- ### Map image right with text, 16:9 ![](https://www.toujou.de/_assets/processed/qNIeXTfeLrxHvkwUda0VLp1xZM3AtJUcZ4xmHlXPRt8/q:85/c:3200:1797.7528089888:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX01hcC1QaW5fMjVlZTk0MGUxZQ:t/cb:646c78be3134ad775693e9c99fe9cb1bbb9f5013/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzL01hcC1QaW4ucG5n) This is a map element designed for your own location images and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.xing.com) [Map image right with text, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-image-right-169/) --- ### Map of coordinates left with text, square Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Pestalozzistraße 90429 Nürnberg Deustschland This is a map element designed for location coordinates and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of coordinates left with text, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-coordinates-left-11/) --- ### Map of coordinates right with text, square Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Pestalozzistraße 90429 Nürnberg Deustschland This is a map element designed for location coordinates and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of coordinates right with text, square ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-coordinates-right-11/) --- ### Map of coordinates left with text, 16:9 Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Pestalozzistraße 90429 Nürnberg Deustschland This is a map element designed for location coordinates and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of coordinates left with text, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-coordinates-left-169/) --- ### Map of coordinates right with text, 16:9 Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Pestalozzistraße 90429 Nürnberg Deustschland This is a map element designed for location coordinates and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address. [ ](https://www.facebook.com) [ ](https://www.twitter.com) [ ](https://www.instagram.com) [ ](https://www.xing.com) [ ](https://www.linkedin.com) [ ](https://www.pinterest.com) [Map of coordinates right with text, 16:9 ❯](https://www.toujou.de/service/elementbibliothek/map-elements/map-coordinates-right-169/) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)