Descargar Google Earth

Creación de plantillas de Spreadsheet Mapper

La herramienta de hojas de cálculo en KML que se analiza en el tutorial de Spreadsheet Mapper 2.0 te permite utilizar seis diseños de viñetas listos para usar. Sin embargo, también puedes utilizar el sistema de plantillas de HTML que incluye la herramienta para modificar los diseños de Google, crear los tuyos propios o importar y exportar plantillas.

 

En este tutorial se explican las distintas partes de una plantilla y el modo de editarlas.

Anatomía de una plantilla

  • Nombre de la plantilla: define el nombre de una plantilla (por ejemplo, "Foto grande", "Texto y foto horizontales", "Plantilla de WWF", etc.).


  • Variables: actúan como marcadores en los diseños HTML que se sustituyen por los correspondientes valores procedentes de las hojas de plantilla y la hoja "PlacemarkData" (Datos de marcas de posición).

    • "Variables de estilos KML": controlan el aspecto de los iconos de las marcas de posición y las etiquetas, así como el fondo de las viñetas. Los valores de estilo de resaltado se aplican cuando el usuario pasa el ratón sobre una marca de posición. Sugerencia: utiliza "Label Scale Highlight" (Nivel de resaltado de etiqueta) = 0 para que los nombres de las marcas de posición sólo aparezcan cuando el usuario sitúe el ratón sobre la marca de posición.

    • "Variables estáticas": elementos que son comunes a todas las marcas de posición que usan esta plantilla, como los colores de texto, los logotipos o los pies de página.

    • "Variables exclusivas": elementos que son exclusivos de cada marca de posición, como los títulos, las descripciones o las fotografías. Los valores de estos elementos se introducen en la hoja "PlacemarkData" (Datos de marcas de posición).

    • "Variables especiales": atributos de acceso de las marcas de posición, como por ejemplo, el nombre, la dirección, etc., tal como se han especificado en la hoja "PlacemarkData" (Datos de marcas de posición). No pueden cambiar de nombre ni modificarse, pero se pueden utilizar en "Balloon HTML Layout" (Diseño HTML de viñetas).


  • Diseños: son el marco para los diseños de viñeta y los estilos KML. Si se introducen las anteriores variables, el contenido de las viñetas se insertará en las correspondientes ubicaciones.

    • "Balloon HTML Layout" (Diseño HTML de viñetas) contiene el diseño HTML de tu viñeta, el cual define el aspecto de su contenido. Podría incluir la posición y el formato de títulos, textos, imágenes y enlaces. "HTML Variable Summary" (Resumen de variables HTML), que aparece a la derecha de "Balloon HTML Layout" (Diseño HTML de viñetas), ofrece una lista de las variables que están disponibles para insertarlas en el archivo HTML.

    • Para usuarios avanzados de KML: "KML Style Layout" (Diseño de estilos KML) contiene el código de la etiqueta KML <StyleMap> de la plantilla. Únicamente los programadores de KML pueden modificarlo y se puede acceder a él en la fila oculta situada en la parte inferior de la hoja.

 

Ejemplo: plantilla 3

Vista previa en directo de una plantilla

El siguiente cuadro es una vista previa en directo de la plantilla 3 ("Texto y foto horizontales") procedente de la hoja de cálculo de inicio del tutorial de Spreadsheet Mapper 2.0.

 

Captura de pantalla de una marca de posición de ejemplo

En esta captura de pantalla se muestra una marca de posición de ejemplo que utiliza la plantilla 3, en la cual se emplean distintos tipos de variables.

Plantilla 3: diagrama que indica los tipos de variables que se utilizan en esta plantilla

 

Balloon HTML Layout (Diseño HTML de viñetas)

Las siguientes variables "estáticas" y "únicas" van entre {llaves} y están codificadas por colores para vincularlas visualmente con la anterior captura de pantalla de viñeta.

  • Los elementos estáticos del código HTML que son comunes a todas las viñetas de marcas de posición (anchura de fotografía, nombre de la organización, etc.) están resaltados en rojo.
  • Los elementos únicos que son exclusivos de una viñeta de marca de posición están resaltados en azul.
<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_1_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>

 

Edición de plantillas

Ir a: modificar, crear o importar plantillas.

 

Modificación de una plantilla existente

  1. Selecciona la hoja de la plantilla que vas a modificar. Cambia el valor de "Template Name" (Nombre de la plantilla) si lo deseas.

  2. Edita los valores de "KML Style Variables" (Variables de estilos KML) para cambiar el aspecto de la marca de posición.

  3. Especifica los nombres y los valores de "Static Variables" (Variables estáticas) que sean elementos comunes para todas las viñetas.

  4. Define los nombres de "Unique Variables" (Variables exclusivas) que incluye valores de datos exclusivos de cada marca de posición procedentes de la hoja "PlacemarkData" (Datos de marcas de posición).

  5. Edita el valor de "Balloon HTML Layout" (Diseño HTML de viñetas) para colocar y aplicar un formato al contenido de la viñeta. Puedes utilizar programas como Dreamweaver (producto comercial) o NVU (programa libre de código abierto) para editar el archivo HTML.

    Detalles:
    • Copia la celda "HTML Variable Summary" (Resumen de variables HTML), que aparece a la derecha de "Balloon HTML Layout" (Diseño HTML de viñetas), en un editor HTML. Este resumen contiene todas las variables estáticas, exclusivas y especiales que están disponibles en la plantilla. Como aparece entre etiquetas HTML de comentario (<!-- comment here -->) el resumen no interfiere con el diseño.

    • Copia y pega el contenido de la celda "Balloon HTML Layout" (Diseño HTML de viñetas) en el editor HTML, debajo del resumen de variables, y realiza las modificaciones que estimes oportunas.

    • Sólo tienes que cortar y pegar las variables (incluidas entre llaves) de la sección de resumen al diseño HTML donde sea necesario.

    • Al transferir de nuevo el HTML a la hoja de cálculo, asegúrate de copiar únicamente la parte de diseño en dicha hoja.

    • Importante: cuando vuelvas a pegar diseños HTML en la hoja de cálculo, debes editar primero la celda (haciendo doble clic o pulsando F2) y pegarlos directamente en el cuadro de edición. De lo contrario, los retornos de línea del HTML sobrescribirán partes de la plantilla. Consulta este paso de la sección "Importación de una plantilla" para obtener más información.

 

Creación de una plantilla nueva

  1. Sobrescribe una de las plantillas ya existentes y sigue las instrucciones de modificación descritas anteriormente (método fácil).

    O bien

    Duplica una de las hojas de plantilla ya existentes y sigue estos pasos (método más complejo).

    Duplicar una hoja


  2. Asigna un nombre exclusivo a la hoja copiada ("Cambiar nombre"). Posteriormente deberás cargar esta plantilla con el nombre de la hoja.

    Nota: también puedes cambiar el nombre de las hojas de plantilla duplicadas como "PlantillaA", "PlantillaB" o "Mi plantilla". Esto se debe a que hay seis posiciones activas disponibles para cargar las plantillas y el número de posición constituye la manera de especificar la plantilla que debe utilizar una marca de posición.

    Si se crean nuevos nombres de hoja que terminan con un número (por ejemplo, "Plantilla7"), podría causar confusión. Por ejemplo, podrías asignar a la nueva plantilla el nombre "Plantilla7" y activarla colocando su nombre en la primera posición (1) de la lista de plantillas en la hoja "PlacemarkData" (Datos de marcas de posición). En este caso deberás especificar "1" para una marca de posición que va a utilizar la plantilla incluida en la hoja "Plantilla7".

  3. Asigna a la variable "Template Name" (Nombre de plantilla) un valor exclusivo.

    Asignar a la nueva hoja un nombre exclusivo


  4. Edita la plantilla tal como se describe en la sección Modificación de una plantilla existente.

  5. Las nuevas hojas de plantilla deben activarse antes de que las marcas de posición hagan uso de ellas. Consulta la sección Activación de plantillas.

 

Importación de una plantilla

  1. Sigue los pasos del 1 al 2 descritos en la sección Creación de una plantilla o sobrescribe una plantilla existente llevando a cabo estos pasos con una hoja de plantilla existente ("Plantilla1-6").

  2. Accede a la plantilla que vas a importar. Copia el contenido de todas las celdas situadas debajo de las columnas "Names" (Nombres) y "Values" (Valores) —celdas de la B4 a la C85— hasta la celda "Balloon HTML Layout" (Diseño HTML de viñetas), pero sin incluirla.

    Nota: el código HTML de la plantilla de origen se debe gestionar por separado con respecto a otras variables a fin de evitar trasladar problemas causados por los retornos de línea del archivo HTML.

    Seleccionar las celdas de B4 a C85


  3. Selecciona la celda B4 en la nueva hoja de plantilla y pega los nombres y los valores de las variables copiadas procedentes de la plantilla de origen.

    Pegar las variables de la plantilla copiadas en la celda B4


  4. Copia la celda "Balloon HTML Layout" (Diseño HTML de viñetas) (B86) en la plantilla de origen.

    Copiar el diseño HTML


  5. Accede a la nueva hoja de plantilla y haz doble clic o pulsa F2 en la celda "Balloon HTML Layout" (Diseño HTML de viñetas) (B86) para editarla, coloca el cursor en el cuadro de edición, elimina el contenido y pega.

    Nota: si seleccionas la celda B86 en la nueva plantilla con un solo clic y luego pegas, los retornos de línea del código HTML sobrescribirán otras partes de la plantilla. Asegúrate de hacer doble clic (o pulsar F2) para editar una celda antes de pegar. De este modo todos los retornos de línea del código HTML permanecerán en la celda B86.

    Pegar el diseño HTML en la nueva plantilla haciendo doble clic en la celda B86

 

Activación de plantillas

Máximo de seis plantillas activas

En la hoja de cálculo de inicio ("Plantilla1-6") se ofrecen seis (6) hojas con plantillas. Estas hojas se pueden duplicar si necesitas más plantillas en la hoja de cálculo. Sin embargo, el diseño de la hoja de cálculo tiene un límite de seis plantillas activas simultáneamente. Las marcas de posición sólo pueden utilizar la plantilla activa que añadas a la hoja "PlacemarkData" (Datos de marcas de posición). Puedes activar las plantillas colocando sus nombres en la lista que aparece en la parte superior de la hoja "PlacemarkData" (Datos de marcas de posición), en una de las seis posiciones disponibles.

Cómo activar una plantilla

  1. Escribe el nombre de la hoja que contiene la nueva plantilla en la lista que aparece en la parte superior de la hoja "PlacemarkData" (Datos de marcas de posición) sustituyendo una de las otras.

    Escribir el nombre de la plantilla en la lista
    Imagen superior: la plantilla de la hoja "Plantilla1" se ha desactivado ahora y se ha activado la nueva en la hoja "Mi plantilla".

  2. Utiliza el número de la nueva plantilla en las nuevas marcas de posición. Por ejemplo, "Plantilla de Google Earth Solidario" en la hoja "Mi plantilla" es 1.

  3. Edita o añade datos de las marcas de posición en la hoja "PlacemarkData" (Datos de marcas de posición) para ajustar las variables únicas de la nueva plantilla.

Recuerda: vuelve a publicar la hoja de cálculo y actualiza el enlace de red para ver los cambios.

 

Debates y comentarios

¿Tienes alguna pregunta acerca de este tutorial o algún comentario? Visita el grupo de debate sobre Google Earth Solidario para hablar del tema con otros usuarios.

 

¿Y después qué?

¿Quieres que tu capa resulte más atractiva y fácil de utilizar? Consulta este tutorial para aprender a realizar esta tarea.

 

Nota: este tutorial reemplaza los siguientes tutoriales: Adición de tiempo como una cuarta dimensión y Creación de archivos KML a partir de una hoja de cálculo