Google Earth
Sprache ändern:

Spreadsheet Mapper-Vorlagen erstellen

Das Tool zum Konvertieren einer Tabelle in KML-Code, das in der Anleitung Spreadsheet Mapper 2.0 beschrieben wird, stellt sechs sofort nutzbare Info-Pop-up-Designs zur Verfügung. Sie können mithilfe des einfachen HTML-Vorlagensystems dieses Tools unsere Designs auch ändern, eigene Designs entwickeln und Vorlagen im- bzw. exportieren.

In dieser Anleitung wird beschrieben, aus welchen Teilen eine Vorlage besteht und wie diese bearbeitet werden.

Aufbau einer Vorlage

  • Template Name – Definiert den Namen der Vorlage (z. B. "Wide Photo", "Text Photo Banner", "WWF template").


  • Variables – Variablen dienen als Platzhalter im HTML-Design und werden durch die entsprechenden Werte aus den Vorlagentabellenblättern und dem Tabellenblatt PlacemarkData ersetzt.

    • "KML Style Variables" – Steuern die Darstellung der Ortsmarkensymbole und -beschriftungen sowie des Hintergrunds der Info-Pop-ups. "Highlight"-Stilvariablen werden angewendet, wenn der Nutzer mit der Maus auf eine Ortsmarke zeigt. Tipp: Verwenden Sie "Label Scale Highlight" = 0, damit die Ortsmarkennamen nur dann angezeigt werden, wenn ein Nutzer mit der Maus auf eine Ortsmarke zeigt.

    • "Static Variables" – Dies sind Elemente, die bei allen Ortsmarken dieser Vorlage gleich sind, z. B. Textfarben, Logos und Fußzeilen.

    • "Unique Variables" – Hierbei handelt es sich um individuelle Elemente jeder Ortsmarke, z. B. Titel, Beschreibungen oder Fotos. Die Werte für diese Elemente werden im Tabellenblatt PlacemarkData eingegeben.

    • "Special Variables" – Zugriffsattribute der Ortsmarken selbst, z. B. Name, Adresse usw., wie im Tabellenblatt PlacemarkData angegeben. Diese können weder umbenannt noch geändert, aber im "Balloon HTML Layout" verwendet werden.


  • Layouts – Diese Layouts bilden das Gerüst Ihrer Info-Pop-up-Designs und KML-Stile. Durch Einsetzen der obigen Variablen in die Layouts wird der Content Ihrer Info-Pop-ups an den entsprechenden Stellen eingefügt.

    • "Balloon HTML Layout" enthält das HTML-Design, d. h. die visuelle Darstellung Ihres Info-Pop-ups. Dazu gehören unter anderem die Platzierung und Formatierung von Titeln, Texten, Bildern und Links. Unter "HTML Variable Summary" (rechts neben "Balloon HTML Layout") werden alle Variablen aufgelistet, die Sie in Ihrem HTML-Code verwenden können.

    • Für fortgeschrittene KML-Nutzer: "KML Style Layout" enthält den KML-Code der Vorlage <StyleMap>. Dieser sollte nur von KML-Entwicklern geändert werden. Er ist über die verborgene Zeile unten im Tabellenblatt zugänglich.

Beispiel: Vorlage 3

Live-Vorschau einer Vorlage

Das folgende Feld enthält eine Live-Vorschau der Vorlage 3 ("Text Photo Banner (Text und Fotobanner)") aus der Starter-Tabelle in der Anleitung Spreadsheet Mapper 2.0.

Screenshot einer Beispielortsmarke

Dieser Screenshot zeigt anhand einer Beispielortsmarke der Vorlage 3, wo die verschiedenen Variablentypen in der Vorlage verwendet werden.

Vorlage 3: Die Abbildung zeigt, welche Variablentypen in dieser Vorlage verwendet werden.

Info-Pop-up-HTML-Layout

Die nachfolgenden Variablen der Typen "static" und "unique", die in {geschweiften Klammen} eingeschlossen sind, wurden entsprechend den Farben im obigen Screenshot eines Info-Pop-ups farblich hervorgehoben.

  • Static-Elemente des HTML-Codes, die bei allen Info-Pop-ups dieser Vorlage gleich sind (Fotobreite, Organisationsname usw.), werden rot dargestellt.
  • Unique-Elemente, die in jedem Info-Pop-up unterschiedlich sind, sind blau unterlegt. 
<table width="{static_Balloon_Width}" border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td><img src="{unique_Top_Photo_URL}" width="{static_Top_Photo_Width}" align="left" /></td>
  </tr>
  <tr>
    <td><h2><font color="{static_Title_Text_Color}">{unique_Title_Text}</font></h2></td>
  </tr>
  <tr>
    <td><blockquote>
        <p>{unique_Paragraph_1_Text}</p>
        <p>{unique_Paragraph_2_Text}</p>
        <p>
          <a href="{unique_Read_More_Link_URL}">{static_Read_More_Link_Text}</a>
        </p>
      </blockquote></td>
  </tr>
  <tr><td>&nbsp;</td>
  </tr>
  <tr>
     <td>
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#e8e9cb">
        <tr>
          <td width="99%" align="right" valign="middle">
            <table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td align="right" valign="top">                  
                  <h2><font color="{static_Organization_Text_Color}">{static_Organization_Name}</font></h2>
                </td>
              </tr>
              <tr align="right" valign="top">
                <td><a href="{static_Organization_Link_URL}">{static_Organization_Link_Text}</a></td>
              </tr>
              </table>
          </td>
              <td width="1%" align="right" valign="middle"><img src="{static_Logo_URL}" width="{static_Logo_Width}" /></td>
        </tr>
              </table>
          </td>
              </tr>
</table>

Vorlagen bearbeiten

Springen zu: Vorlagen ändern, erstellen oder importieren.

Vorhandene Vorlage ändern

  1. Wählen Sie das Tabellenblatt der Vorlage aus, die Sie ändern möchten. Ändern Sie, wenn Sie möchten, den Wert für "Template Name".

  2. Bearbeiten Sie die Werte unter "KML Style Variables", um die Darstellung der Ortsmarken zu ändern.

  3. Geben Sie unter "Static Variables" Namen und Werte ein, die bei allen Info-Pop-ups gleich sind.

  4. Definieren Sie Namen für "Unique Variables". Damit werden die Datenwerte für die einzelnen Ortsmarken aus dem Tabellenblatt PlacemarkData geholt.

  5. Bearbeiten Sie "Balloon HTML Layout", um den Content Ihres Info-Pop-ups zu positionieren und zu formatieren. Sie können zur HTML-Bearbeitung Programme wie Dreamweaver (kommerzielles Produkt) oder NVU (kostenlos und quelloffen) verwenden.

    Details:
    • Kopieren Sie die Zelle "HTML Variable Summary" (rechts neben "Balloon HTML Layout") in einen HTML-Editor. Die Zusammenfassung enthält alle statischen (static), spezifischen (unique) und speziellen (special) Variablen, die in der Vorlage verfügbar sind. Da die Variablen in HTML-Kommentartags (<!-- Kommentar -->) eingeschlossen sind, hat die Zusammenfassung keine Auswirkung auf Ihr Design.

    • Kopieren Sie das "Balloon HTML Layout" und fügen Sie es in den HTML-Editor unterhalb der Zusammenfassung ein. Anschließend können Sie das Layout nach Belieben verändern.

    • Kopieren Sie die Variablen (einschließlich der geschweiften Klammern) aus der Zusammenfassung und fügen Sie sie an den gewünschten Stellen in Ihr HTML-Design ein.

    • Wenn Sie den HTML-Code zurück in die Tabelle übertragen, stellen Sie sicher, dass Sie nur den Designteil in die Tabelle kopieren.

    • Wichtig:Wenn Sie HTML-Layouts in die Tabelle einfügen möchten, ist es erforderlich, dass Sie zunächst die Zelle bearbeiten (doppelklicken oder F2 drücken) und anschließend den HTML-Code direkt in das Bearbeitungsfeld einfügen. Anderenfalls würden die Zeilenumbrüche im HTML-Code andere Teile der Vorlage überschreiben. Weitere Details finden Sie in diesem Schritt des Abschnitts "Vorlage importieren".

Neue Vorlage erstellen

  1. Überschreiben Sie eine vorhandene Vorlage und nehmen Sie Änderungen wie oben beschrieben vor (einfach).

    Oder...

    Duplizieren Sie eines der vorhandenen Vorlagentabellenblätter und gehen Sie wie nachfolgend beschrieben vor (komplexer).

    Tabellenblatt duplizieren


  2. Geben Sie dem kopierten Tabellenblatt einen eindeutigen Namen (Umbenennen) – später werden Sie diese Vorlage unter Verwendung dieses Tabellenblattnamens laden.

    Hinweis: Wir empfehlen, Namen wie "VorlageA", "VorlageB" oder "Meine Vorlage" zu verwenden. Der Grund ist, dass es sechs aktive Slots zum Laden der Vorlagen gibt. Über die Slotnummer legen Sie fest, welche Vorlage für eine Ortsmarke verwendet wird.

    Wenn Sie Tabellenblattnamen verwenden würden, die mit Ziffern enden (z. B. "Vorlage7"), könnten Missverständnisse auftreten. Ein Beispiel: Sie nennen Ihre neue Tabelle "Vorlage7" und aktivieren sie, indem Sie sie in den ersten Slot der Vorlagenliste im Tabellenblatt PlacemarkData setzen. In diesem Fall müssten Sie, wenn Sie die Vorlage aus dem Tabellenblatt "Vorlage7" für eine Ortsmarke verwenden möchten, "1" angeben.

  3. Geben Sie der Variablen "Template Name" einen eindeutigen Wert.

    Neues Tabellenblatt erhält einen eindeutigen Namen.


  4. Bearbeiten Sie die Vorlage wie oben im Abschnitt Vorhandene Vorlage ändern beschrieben.

  5. Neue Vorlagentabellenblätter müssen aktiviert werden, bevor sie für Ortsmarken verwendet werden können. Siehe Abschnitt Vorlagen aktivieren.

Vorlage importieren

  1. Führen Sie die Schritte 1 und 2 des Abschnitts Vorlage erstellen aus oder überschreiben Sie eine vorhandene Vorlage, indem Sie diese Schritte mit einem vorhandenen Vorlagentabellenblatt ("Template1-6") ausführen.

  2. Wechseln Sie zu der Vorlage, die Sie importieren möchten. Kopieren Sie alle Zellen unterhalb der Spalten Names und Values (Zellen B4 bis C85) bis zu (aber nicht einschließlich) "Balloon HTML Layout".

    Hinweis: Der HTML-Code aus der Quellvorlage muss gesondert behandelt werden, um beim Einfügen Probleme aufgrund der Zeilenumbrüche zu vermeiden.

    Zellen B4 bis C85 auswählen


  3. Wählen Sie die Zelle B4 in Ihrem neuen Vorlagentabellenblatt aus und fügen Sie mithilfe des Befehls Einfügen die kopierten Variablennamen und -werte aus der Quellvorlage ein.

    Kopierte Vorlagenvariablen in Zelle B4 einfügen


  4. Kopieren Sie in der Quellvorlage die Zelle "Balloon HTML Layout" (B86).

    HTML-Layout kopieren


  5. Wechseln Sie zum neuen Vorlagentabellenblatt und dort zur Zelle "Balloon HTML Layout" (B86), doppelklicken Sie oder drücken Sie F2, um die Zelle zu bearbeiten, setzen Sie den Cursor in das Bearbeitungsfeld, löschen Sie dessen Inhalt und fügen Sie die Zwischenablage ein.

    Hinweis: Wenn Sie die Zelle B86 der neuen Vorlage lediglich mit einem Einzelklick auswählen und dann "Einfügen" wählen, werden andere Teile der Vorlage aufgrund der Zeilenumbrüche im HTML-Code überschrieben. Stellen Sie sicher, dass Sie vor dem Einfügen doppelklicken oder F2 drücken, um die Zelle zu bearbeiten. Auf diese Art bleiben alle Zeilenumbrüche des HTML-Codes in der Zelle B86.

    HTML-Layout in die neue Vorlage durch Doppelklicken auf die Zelle B86 einfügen.

Vorlagen aktivieren

Bis zu sechs aktive Vorlagen

Sechs Tabellenblätter mit Vorlagen sind in der Starter-Tabelle enthalten ("Template1-6"). Diese können dupliziert werden, wenn Sie weitere Vorlagen in der Tabelle haben möchten.Aus technischen Gründen können jedoch nur sechs Vorlagen gleichzeitig aktiv sein. Für die Ortsmarken, die Sie im Tabellenblatt PlacemarkData eingeben, können nur aktive Vorlagen verwendet werden. Sie aktivieren Vorlagen, indem Sie die Namen der Tabellenblätter in einen der sechs verfügbaren Slots in der Liste oben im Tabellenblatt PlacemarkData eingeben.

Wie Schablonen aktiviert werden

  1. Geben Sie den Namen des Tabellenblatts, das Ihre neue Vorlage enthält, in die Liste oben im Tabellenblatt PlacemarkData ein. Dabei überschreiben Sie einen vorhandenen Namen.

    Vorlagennamen in die Liste eingeben
    Obige Abbildung: Die Vorlage im Tabellenblatt Template1 ist jetzt deaktiviert, die neue Vorlage im Tabellenblatt My Template ist aktiviert.

  2. Verwenden Sie die Nummer der neuen Vorlage in Ihrer neuen Ortsmarke (z. B. hat die Vorlage "Outreach Template" im Tabellenblatt "My Template" die Nummer 1).

  3. Bearbeiten oder ergänzen Sie Ortsmarkendaten im Tabellenblatt PlacemarkData, um die spezifischen Variablen der neuen Vorlage zu füllen.

Nicht vergessen: Es ist erforderlich, dass Sie Ihre Tabelle erneut veröffentlichen und den Netzwerk-Link aktualisieren, um die Änderungen sehen zu können.

Diskussion / Feedback

Haben Sie Fragen zu dieser Anleitung? Möchten Sie uns Feedback geben? Tauschen Sie sich mit anderen in der Google Earth Outreach-Diskussionsgruppe aus.

Wie geht es weiter?

Möchten Sie Ihre Ebene attraktiver und benutzerfreundlicher gestalten? In dieser Anleitung erfahren Sie, wie es geht!

Hinweis: Diese Anleitung ersetzt folgende Anleitungen: Zeit als vierte Dimension hinzufügen und KML-Datei mithilfe einer Tabelle erstellen.

©2010 Google – Über Google  – Allgemeine Geschäftsbedingungen – Datenschutzbestimmungen