Télécharger Google Earth

Création de modèles pour Spreadsheet Mapper

L'outil de création de code KML à partir d'une feuille de calcul présenté dans le didacticiel Spreadsheet Mapper 2.0 propose six modèles d'infobulle prêts à l'emploi. Et son système de modèles basés sur le langage HTML vous permet de facilement modifier les modèles fournis, de créer vos propres modèles ou encore d'en importer et d'en exporter.

 

Ce didacticiel présente les différents éléments qui composent un modèle et comment les modifier.

Anatomie d'un modèle

  • Template Name (Nom de modèle) : définit le nom du modèle, par exemple "Wide Photo" (Photo large), "Text Photo Banner" (Bannière avec texte et photo), "WWF template" (modèle WWF).


  • Variables : agissant comme des balises dans le code HTML, elles sont remplacées par les valeurs correspondantes qui sont extraites des feuilles des modèles et de la feuille PlacemarkData (Données des repères).

    • "KML Style Variables" (Variables de style KML) : contrôlent l'apparence des icônes et des libellés des repères, ainsi que l'arrière-plan des infobulles. Les variables de style de type Highlight (Mise en relief) s'appliquent lorsque l'utilisateur place le curseur de la souris au-dessus du repère. Conseil : Attribuez la valeur 0 à "Label Scale Highlight" (Échelle libellé mis en relief) pour que le nom du repère ne s'affiche que lorsque l'utilisateur place le curseur de la souris au-dessus du repère.

    • "Static Variables" (Variables statiques) : éléments communs à tous les repères utilisant ce modèle, tels que les couleurs de texte, logos et pieds de page.

    • "Unique Variables" (Variables uniques) : éléments propres à chaque repère, tels que les titres, descriptions et images. Les valeurs de ces éléments sont définies dans la feuille PlacemarkData (Données des repères).

    • "Special Variables" (Variables spéciales) : attributs d'accès aux repères eux-mêmes (ex. : nom, adresse, etc.) qui sont spécifiés dans la feuillePlacemarkData (Données des repères). Ces attributs ne peuvent être ni renommés ni modifiés, mais ils peuvent être utilisés dans "Balloon HTML Layout" (Mise en page HTML des infobulles).


  • Éléments Layouts (Mises en page)  : ces mises en page constituent l'architecture des styles des modèles d'infobulle et des styles KML. Lorsque vous insérez les variables décrites plus haut dans une mise en page, le contenu de votre infobulle est inséré dans les emplacements appropriés.

    • L'élément "Balloon HTML Layout" (Mise en page HTML des infobulles) contient le code HTML de vos infobulles et définit l'apparence de leur contenu. Il peut s'agir du positionnement et du formatage des titres, du texte, des images et des liens. L'élément "HTML Variable Summary" (Récapitulatif des variables HTML), à droite de l'élément "Balloon HTML Layout" (Mise en page HTML des infobulles), contient la liste de toutes les variables que vous pouvez insérer dans votre code HTML.

    • Pour les utilisateurs expérimentés : L'élément "KML Style Layout" (Styles KML) contient le code de l'association de styles KML (<StyleMap>) du modèle. Cet élément est accessible dans la ligne masquée en bas de la feuille et ne devrait être modifié que par un développeur KML expérimenté.

 

Exemple : Template #3 (Modèle n° 3)

Examen approfondi d'un modèle

La boîte de dialogue ci-dessous est un aperçu du modèle n° 3 ("Text Photo Banner" (Bannière avec texte et photo)) de la feuille de calcul de démarrage utilisée dans le didacticiel Spreadsheet Mapper 2.0.

 

Capture d'un exemple de repère

Cette capture d'écran montre un exemple de repère utilisant le modèle n° 3 et l'endroit où les différents types de variables sont utilisés dans le modèle.

Modèle n° 3 : diagramme montrant quels types de variables sont utilisés dans ce modèle

 

Mise en page HTML des infobulles

Les "variables statiques" et les "variables uniques" ci-dessous, encadrées par des accolades, sont colorées de manière à correspondre aux couleurs utilisées dans la capture d'écran montrant une infobulle ci-dessus.

  • Dans le code HTML, les éléments statiques, qui sont communs à toutes les infobulles, sont représentés en rouge (largeur des images, nom de l'organisme, etc.).
  • Les éléments uniques, qui sont spécifiques à l'infobulle de chaque repère, sont représentés en bleu.
<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>

 

Modification d'un modèle

Accès direct : modifier, créer ou importer un modèle.

 

Modifier un modèle existant

  1. Sélectionnez la feuille du modèle que vous souhaitez modifier. Si vous le souhaitez, changez la valeur de l'élément "Template Name" (Nom du modèle).

  2. Pour modifier l'apparence des repères utilisant ce modèle, modifiez la valeur des éléments de la section "KML Style Variables" (Variables de style KML).

  3. Spécifiez des noms et des valeurs dans la section "Static Variables" (Variables statiques), qui contient les éléments communs à toutes les infobulles.

  4. Définissez des noms dans la section "Unique Variables" (Variables Uniques), qui contient les variables spécifiques à chaque repère, dont la valeur est extraite de la feuille PlacemarkData (Données des repères).

  5. Pour formater et positionner le contenu de votre infobulle, modifiez le contenu de la section "Balloon HTML Layout" (Mise en page HTML des infobulles). Pour modifier votre code HTML, vous pouvez utiliser des programmes tels que Dreamweaver (produit commercial) ou NVU (gratuit et open source).

    Détails :
    • Copiez la cellule intitulée "HTML Variable Summary" (Récapitulatif des variables HTML), située à droite de la cellule "Balloon HTML Layout" (Mise en page HTML des infobulles) et collez-la dans un éditeur HTML. Le récapitulatif contient toutes les variables statiques, uniques et spéciales disponibles dans le modèle. Le code correspondant ne risque pas d'interférer avec le code existant dans l'éditeur, car il est encadré par des balises HTML signalant un commentaire (<!-- commentaires ici -->).

    • Copiez la cellule "Balloon HTML Layout" (Mise en page HTML des infobulles) et collez-la dans l'éditeur HTML, en dessous du récapitulatif des variables, puis modifiez le code en fonction de vos besoins.

    • Dans l'éditeur, coupez des variables (en incluant les accolades) à partir de la section du récapitulatif et collez-les là où vous le souhaitez dans votre code HTML.

    • Au moment de replacer le code HTML modifié dans la feuille de calcul, assurez-vous de ne copier que le code utile.

    • Important : Pour pouvoir replacer le code de la mise en page HTML dans la feuille de calcul, la cellule correspondante doit être en mode édition : double-cliquez dessus ou sélectionnez-la et appuyez sur la touche F2, puis collez le code directement dans la boîte d'édition. Dans le cas contraire, les retours à la ligne que contient le code HTML remplaceront d'autres parties du modèle. Pour plus d'informations, reportez-vous à cette étape de la section "Importer un modèle".

 

Créer un nouveau modèle

  1. Pour créer un nouveau modèle, vous pouvez remplacer l'un des modèles existants et suivre les instructions de modification ci-dessus (facile)

    OU...

    Dupliquer la feuille de l'un des modèles existants et effectuer les étapes ci-dessous (plus compliqué).

    dupliquer une feuille


  2. Donnez un nom unique à la feuille que vous venez de copier en utilisant la commande Rename (Renommer), car vous chargerez ultérieurement ce modèle en utilisant le nom de sa feuille.

    Remarque : Lorsque vous dupliquez la feuille d'un modèle, donnez à la copie un nom du type "ModèleA", "ModèleB", ou "Mon modèle". Cela est dû au fait qu'il existe six emplacements actifs pour charger des modèles et que c'est le numéro d'emplacement qui vous permet de spécifier quel modèle un repère doit utiliser.

    Si vous utilisez un nom se terminant par un nombre (par exemple "Modèle7"), cela peut être source de confusion. Par exemple, imaginons que vous nommiez la copie "modèle7" et que vous l'activiez en la plaçant dans l'emplacement n° 1 de la liste des modèles (dans la feuille PlacemarkData (Données des repères). Dans ce cas, pour qu'un repère utilise ce modèle nommé "modèle7" (et se trouvant donc sur une feuille portant ce même nom), vous devriez spécifier le chiffre "1".

  3. Donnez une valeur unique à la variable "Template Name" (Nom de modèle).

    donner un nom unique à la nouvelle feuille


  4. Modifiez le modèle comme décrit dans la section Modifier un modèle existant. 

  5. Pour qu'un repère puisse utiliser un nouveau modèle, la feuille de ce modèle doit préalablement avoir été activée. Reportez-vous à la section Activation d'un modèle.

 

Importer un modèle

  1. Effectuez les étapes 1 et 2 de la section Créer un nouveau modèle ou remplacez un modèle existant en effectuant ces étapes dans la feuille d'un modèle existant ("Template1-6").

  2. Allez dans le modèle que vous souhaitez importer. Copiez toutes les cellules des colonnes Names (Noms) et Values (Valeurs), c'est-à-dire les cellules B4 à C85 ; ne copiez pas la section "Balloon HTML Layout" (Mise en page HTML des infobulles).

    Remarque : Le code HTML du modèle source doit être copié et collé séparément pour éviter tout problème lors du collage des retours à la ligne.

    sélectionner les cellules B4 à C85


  3. Dans la feuille du nouveau modèle, sélectionnez la cellule B4 et collez les noms et valeurs des variables que vous avez copiés à partir du modèle source.

    coller les variables copiées à partir du modèle source dans la cellule B4


  4. Dans le modèle source, copiez la cellule "Balloon HTML Layout" (Mise en page HTML des infobulles), c'est-à-dire la cellule B86.

    copier la mise en page HTML


  5. Dans la feuille du nouveau modèle, pour basculer en mode édition la cellule de l'élément "Balloon HTML Layout" (Mise en page HTML des infobulles), c'est-à-dire la cellule B86, double-cliquez dessus ou sélectionnez-la et appuyez sur F2 ; ensuite, placez le curseur dans la boîte d'édition, supprimez son contenu, puis collez le contenu du Presse-papiers.

    Remarque : Si vous cliquez une seule fois sur la cellule B86 du nouveau modèle pour la sélectionner, puis que vous collez le contenu du Presse-papiers dedans, les retours à la ligne contenus dans le code HTML remplaceront d'autres parties du modèle. C'est pourquoi vous devez double-cliquer sur une cellule ou la sélectionner et appuyer sur F2 pour la basculer en mode édition avant de coller le contenu du Presse-papiers dedans. De cette façon, le code HTML sera collé sous la forme d'un bloc dans la cellule B86, sans que les retours qu'il contient remplacent d'autres parties du modèle.

    coller la mise en page HTML dans le nouveau modèle en double-cliquant sur la cellule B86

 

Activation d'un modèle

Jusqu'à six modèles actifs

La feuille de calcul de démarrage fournit six (6) feuilles pouvant accueillir un modèle ("Template1-6"). Ces feuilles peuvent être dupliquées si vous avez besoin d'un nombre supérieur de modèles. Cependant, la conception de la feuille de calcul de démarrage limite le nombre de modèles actifs à six. Seuls les modèles actifs peuvent être utilisés par les repères que vous ajoutez à la feuille PlacemarkData (Données des repères). Pour activer un modèle, vous devez inscrire le nom de sa feuille dans la liste qui figure en haut de la feuille PlacemarkData (Données des repères), dans l'un des six emplacements disponibles.

Comment activer un modèle

  1. Saisissez le nom de la feuille qui contient le modèle dans la liste située en haut de la feuille PlacemarkData (Données des repères), en remplaçant le nom d'un des modèles présents dans la liste.

    saisir un nom de modèle dans la liste
    Dans la capture d'écran ci-dessus, on voit que le modèle de la feuille Template1 (Modèle1) est maintenant désactivé et que le modèle de la feuille My Template (Mon modèle) est maintenant activé.

  2. Utilisez le numéro du nouveau modèle dans vos nouveaux repères ; par exemple, le modèle "Outreach Template" (Modèle Actions publiques), qui se trouve dans la feuille "My Template" (Mon modèle), porte le numéro 1.

  3. Modifiez ou ajoutez un repère dans la feuille PlacemarkData (Données des repères) pour qu'il utilise les variables uniques du nouveau modèle.

Rappel : Vous devez publier de nouveau votre feuille de calcul et actualiser le lien réseau pour que vos modifications soient reflétées.

 

Discussions et commentaires

Vous avez des questions à propos de ce didacticiel ? Vous aimeriez nous faire part de vos commentaires ? Consultez le groupe de discussion Google Earth Actions publiques pour discuter avec les autres internautes.

 

Et maintenant ?

Vous aimeriez rendre vos infos pratiques plus attrayantes et plus faciles à utiliser ? Le didacticiel suivant vous montrera comment faire.

 

Remarque : Ce didacticiel remplace les didacticiels suivants : Ajout du temps comme 4e dimension et Création de code KML à partir d'une feuille de calcul.