Google Map-Shortcode
Avada hat eine Integration für Google Maps. Wir haben eine spezielle Kontaktseitenvorlage mit Kartenintegration, mit der Sie über unser Themenoptionsfeld viele verschiedene Kartenoptionen festlegen können. Darüber hinaus verfügen wir über einen Google Map-Shortcode, der auf jeder Seite, jedem Beitrag oder jedem Widget-Bereich verwendet werden kann. Wir bieten intuitive Optionen, mit denen Sie die Standardstile von Google Map verwenden oder die Optionen an Ihren Branding-Stil anpassen können. Mit Avada können Sie auch mehrere Kartenpositionen auf einer einzelnen Karte auswählen, von denen jede ihren eigenen Inhalt hat. Wählen Sie 4 Kartentypen aus, zeigen Sie eine Farbüberlagerung an, laden Sie eine benutzerdefinierte Kartenmarkierung hoch, passen Sie das Karten-Popup-Feld zusammen mit vielen anderen einzigartigen Optionen an.
4 verschiedene Google Map-Typen
Machen Sie Ihre Website interessant, indem Sie zwischen 4 Google Map-Designs wählen: Google Map Roadmap, Google Map Satellite, Google Map Hybrid oder Google Map Terrain.
Google-Map-Roadmap
Google Map-Satellit
Google Maps-Hybrid
Google Map-Gelände
Anpassungseinstellungen
Passen Sie Kartenstile, Infoboxfarben und Inhalte ganz einfach an! Wir bieten nicht nur die Standardstile von Google Map an, sondern Avada hat auch einen für Avada einzigartigen Themenkartenstil und einen vollständig anpassbaren Kartenstil namens "Benutzerdefiniertes Kartenstyling" hinzugefügt.
Standard Google Styling
Der Standardkartenstil gibt Ihnen das genaue Design, das von Google Maps stammt. Dies umfasst alle Kartenfarben, die Infoboxstile und die Kartenmarkierung. Dies ist das klassische Google Maps-Styling!
Design der Themenkarte
Wir haben ein benutzerdefiniertes Design hinzugefügt, das für das Avada-Thema einzigartig ist. Bei Verwendung dieses Stils werden die Kartenfarbüberlagerung, die Kartenmarkierung und das Infobox automatisch mit unseren einzigartigen Einstellungen festgelegt!
Benutzerdefiniertes Karten-Styling
Mit dem benutzerdefinierten Kartenstil können Sie jedes hochgeladene Bild oder Symbol als benutzerdefinierte Kartenmarkierung verwenden. Sowie jede Überlagerungsfarbe, Infobox-Hintergrund und Textfarbe. Dies ist perfekt für das Branding Ihrer Website!
Kontrolle in voller Größe
Durch die Integration von Google Maps Shortcode und Designoptionen können Sie die Breite und Höhe der Karte vollständig steuern. Verwenden Sie feste Breiten oder Prozentsätze. Dies ist praktisch, wenn Sie Karten auf Seiten platzieren, die perfekt in einzigartige Layouts passen müssen.
Leistungsstarke Kartensteuerung
Mit Avada können Sie verschiedene Aspekte der Karte steuern. Stellen Sie die Zoomstufe auf der Karte ein, zeigen oder verbergen Sie den Kartenmaßstab, lassen Sie das Mausrad hinein- und herauszoomen oder deaktivieren, wenn Sie es verwenden, zeigen oder verbergen Sie das Pan-Steuerungssymbol und wählen Sie, ob das Karten-Popup angezeigt oder ausgeblendet werden soll, wenn das Seite wird geladen. Erstaunliche Optionen an Ihren Fingerspitzen, super leistungsstark!
Vollständiger Satz von Optionen
Jede Option und Beschreibung, die im Google Map-Shortcode enthalten ist, ist unten aufgeführt.
- Adresse - Ihre physikalische Adresse. Um mehrere Kartenmarkierungen zu erhalten, trennen Sie zwei Adressen mit einer vertikalen Linie. Beispielsweise, 579 Allen Road Basking Ridge, NJ 07920 | Montieren Sie Arlington, NJ 07856.
- tippe - Kann einer dieser Werte sein: Roadmap, Gelände, Hybrid, or Satellit. Legt den Typ der anzuzeigenden Google Map fest.
- map_style - Kann einer dieser Werte sein: Standardthema, or Original. Wählen Sie Original um erweiterte Farboptionen zu verwenden.
- Überlagerungsfarbe - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000) oder RGBA-Werte (rgba (0,0,0,0)). Legt die Überlagerungsfarbe für die Karte fest. Funktioniert am besten mit dem Fahrplan Art. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Infobox - Maßgeschneidert nur Einstellung. Kann einer dieser Werte sein: Standard or Brauch. Auswählen Original um erweiterte Optionen zu verwenden.
- infobox_hintergrundfarbe - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe der Infobox fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- infobox_text_farbe - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000). Legt die Textfarbe der Infobox fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- infobox_inhalt - Maßgeschneidert nur Einstellung. Eintippen Inhalt der benutzerdefinierten Infobox Adresszeichenfolge ersetzen. Trennen Sie bei mehreren Adressen den Inhalt der Infobox mit einer vertikalen Linie. Beispielsweise, InfoBox 1 | InfoBox 2 | InfoBox 3.
- am linken Bildschirmrand. - Maßgeschneidert nur Einstellung. Geben Sie die Vollbild-URLs für ein benutzerdefinierte Markierungssymboleoder Eingabe Thema für unseren benutzerdefinierten Marker. Trennen Sie bei mehreren Adressen die Symbole durch die vertikale Linie. Beispielsweise, Symbol 1 | Symbol 2 | Symbol 3.
- Breite - Akzeptiert einen Pixel- oder Prozentwert. Beispielsweise 25px, or 50%. Legt die Breite der Karte fest.
- Höhe - Akzeptiert einen Pixel- oder Prozentwert. Beispielsweise 25px, or 50%. Legt die Höhe der Karte fest.
- Zoom - Akzeptiert einen numerischen Wert, der die Zoomstufe der Karte darstellt. Je höher die Zahl, desto mehr wird vergrößert.
- Scrollrad - Kann einer dieser Werte sein: ja, or nicht. Dadurch wird das Scrollen mit der Maus aktiviert oder deaktiviert.
- Treppe - Kann einer dieser Werte sein: ja, or nicht. Dadurch wird die Skalierungsgrafik ein- oder ausgeblendet.
- zoom_pancontrol - Kann einer dieser Werte sein: ja, or nicht. Dadurch werden die Zoomsteuerelemente ein- oder ausgeblendet.
- Pop-up - Kann einer dieser Werte sein: ja, or nicht. Dadurch wird die Karten-Popup-Grafik ein- oder ausgeblendet. Wenn eingestellt auf nicht, dann wird das Popup beim Klicken angezeigt.
- Klasse - Füge hinzu ein benutzerdefinierte Klasse um das HTML-Element für die weitere CSS-Anpassung.
- id - Füge hinzu ein benutzerdefinierte ID um das HTML-Element für die weitere CSS-Anpassung.