Zum Inhalt springen

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

App Builder wird mit vorformatierten HTML/CSS-Vorlagen geliefert, mit denen Sie Google Maps schnell in Street View oder Map View einfügen können, sowie mit einer Vorlage, die zum Hinzufügen von LinkedIn-Inhalten verwendet werden kann. Für die Google Maps-Vorlagen müssen Sie ein Geschäftsobjekt verwenden, das Daten für Adresse, Stadt und Staat enthält. Um eine dieser Vorlagen verwenden zu können, muss Ihre Anwendung über eine Sammlung verfügen, die diese Vorlagen enthält. Diese Anleitung führt Sie durch die Arbeit mit Google Map-Vorlagen in App Builder.

Googlemap

Verknüpfen Sie die Vorlagensammlung mit Ihrer App

  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 Drittanbieter aus
  5. Klicken Sie auf das Häkchen-Symbol, 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 die Action 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, Stadt und Staat 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 Fertigstellen.
  11. Bearbeiten Sie bei Bedarf den Wert Panelname. Dies ist der Panelname, der angezeigt wird. Beispiel: Kunde, Kartenadresse.
  12. Klicken Sie auf Speichern.
  13. Klicken Sie auf + Steuerelement.
  14. Legen Sie den Steuerelementtyp als 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 Google Map-Vorlagenstil aus, den Sie verwenden möchten. Beispiel: Google Maps Street View By Address Interactive
  17. Klicken Sie auf Weiter
  18. Überprüfen Sie die vorgeschlagenen Informationen und klicken Sie auf Fertigstellen
  19. Klicken Sie auf das Symbol für Vorlagenbindungen und bestätigen (oder erstellen) Sie Einträge für Adresse, Stadt und Bundesland, indem Sie den Vorlagenparameterwert dem Steuerelement- oder Spaltennamenwert zuordnen

templateparameter.png

Sie sollten jetzt zu Ihrer App navigieren und sie aktualisieren können und das Google Map-Panel mit den zugehörigen Karteninformationen sehen können.