Zum Inhalt springen

Verwandeln Sie Ihre Kontakte in Urlaubsgeld mit unserem neuen Kundenempfehlungsprogramm! Erfahren Sie mehr

✕

Diese Dokumentation gilt für Version 4 und höher von App Builder, dem neuen Namen für Vinyl. Hier gelangen Sie zur Vinyl-Dokumentation.

✕

Fügen Sie einem Panel im Jitterbit App Builder eine Google Map hinzu

App Builder enthält vorformatierte HTML/CSS-Vorlagen, mit denen Sie Google Maps schnell in Street View oder Kartenansicht integrieren können. Außerdem gibt es eine Vorlage für LinkedIn-Inhalte. Für die Google Maps-Vorlagen benötigen Sie ein Business-Objekt mit Daten zu Adresse, Ort und Bundesland. Um eine dieser Vorlagen verwenden zu können, muss Ihre Anwendung über eine Sammlung mit diesen Vorlagen verfügen. Diese Anleitung führt Sie Schritt für Schritt durch die Arbeit mit Google Maps-Vorlagen im App Builder.

Googlemap

Ordnen Sie die Vorlagensammlung Ihrer App zu

  1. Navigieren Sie in Ihrer App zu App Workbench > Mehr > Edge Case.
  2. Klicken Sie auf App-Sammlungen.
  3. Klicken Sie auf die Schaltfläche Registrieren.
  4. Wählen Sie im Dropdown-Menü „Sammlungen“ die Option Drittanbieter aus.
  5. Klicken Sie auf das Häkchen, um den Eintrag zu speichern.

Fügen Sie ein Panel hinzu und konfigurieren Sie Google Maps

  1. Navigieren Sie zu der Seite in Ihrer App, auf der Sie das Google Maps-Panel hinzufügen möchten.
  2. Klicken Sie auf den Aktions-Drawer und wählen Sie Live Designer.
  3. Klicken Sie auf +Panel und wählen Sie Formular.
  4. Klicken Sie auf Weiter.
  5. Wählen Sie ein Geschäftsobjekt aus, das Daten für Adresse, Ort und Bundesland enthält. Beispiel: Kunde (Quelle).
  6. Klicken Sie auf Weiter.
  7. Wählen Sie Manuell auswählen.
  8. Klicken Sie auf Weiter.
  9. Wählen Sie ein hinzuzufügendes Steuerelement aus und klicken Sie auf Weiter. Beispiel: Kunde.
  10. Klicken Sie auf Fertig.
  11. Bearbeiten Sie den Wert für Panelname, falls gewünscht. Dies ist der Panelname, der angezeigt wird. Beispiel: Kundenadresse (Karte).
  12. Klicken Sie auf Speichern.
  13. Klicken Sie auf + Steuerelement.
  14. Legen Sie den Steuerelementtyp auf Vorlage fest.
  15. Geben Sie einen Namen ein. Beispiel: Kartenadresse.
  16. Klicken Sie auf das Dropdown-Menü für Vorlage und wählen Sie den gewünschten Google Maps-Vorlagenstil aus. Beispiel: Google Maps Street View nach Adresse (interaktiv)
  17. Klicken Sie auf Weiter.
  18. Überprüfen Sie die vorgeschlagenen Informationen und klicken Sie auf Fertig.
  19. Klicken Sie auf das Symbol für Vorlagenbindungen und bestätigen (oder erstellen) Sie die Einträge für Adresse, Ort und Bundesland. Ordnen Sie den Vorlagenparameterwert dem Steuerelement- oder Spaltennamenwert zu.

templateparameter.png

Sie sollten nun zu Ihrer App navigieren und die Seite aktualisieren können. Daraufhin wird das Google Maps-Fenster mit den zugehörigen Karteninformationen angezeigt.