Mostrar documentos en mapas en los que se pueda hacer clic
Descripción
La Herramienta de Configuración de Sitios Web admite la creación y visualización de mapas con marcadores correspondientes a la ubicación de los registros en sus colecciones. Esta es una buena manera de proporcionar contexto geográfico a sus datos y presentar sus colecciones de forma visualmente atractiva.
Colocar las chinchetas en el mapa requiere que los registros contengan valores de latitud y longitud en dos campos de metadatos separados. A través de la Herramienta de Configuración del Sitio Web, usted puede colocar mapas en su página de inicio, en las páginas de destino de la colección, en la página de información de su sitio o en cualquier página completamente personalizada que haya creado.
El conjunto de registros que se mostrará en el mapa está definido por una consulta de búsqueda (o una exploración). En este momento, la consulta utilizada para un mapa debe contener registros de una única colección. Esto es para evitar conflictos con el mapeo de campos de Dublin Core en diferentes colecciones. Puede crear tantos mapas como desee, por lo que podría crear uno para cada colección que contenga los metadatos geográficos necesarios.
El mapa que configure se mostrará en línea en la página que elija. Los pines del mapa se mostrarán dinámicamente cada vez que se vea la página. Esto significa que su consulta incorporará registros adicionales a medida que los añada a la colección en el futuro. Un mapa mostrará marcadores para hasta 1,000 registros.
Nota:
- El tiempo que tarda en cargarse el mapa depende del número de resultados en su consulta de búsqueda. Para reducir el tiempo de carga, redefina su consulta con un conjunto de registros más pequeño.
- Los registros que no tengan datos válidos de latitud o longitud serán ignorados al generar el mapa.
El proceso
Paso 1: Defina el mapa
Hay un nuevo asistente administrativo para construir su mapa. Se puede acceder a esta interfaz desde su sitio web de CONTENTdm. Para poder utilizar esta IU administrativa, su cuenta de usuario debe tener el derecho de servidor para acceder a la Herramienta de Configuración de Sitios Web, tal como se especifica en la Administration de CONTENTdm.
- Inicie sesión en su sitio web público de CONTENTdm.
- Ejecute una búsqueda o explore para definir el conjunto de registros que desea mostrar en un mapa.
- En la página de resultados, debería ver un botón de Generar mapa encima de sus resultados.
- Haga clic en Generar Mapa para activar el asistente de admin.
- El asistente admin le pide que especifique qué campos de metadatos desea mostrar en las vistas previas que aparecen cuando un usuario final selecciona un pin en el mapa. La ventana emergente de pin mostrará la miniatura del registro y los tres campos de metadatos que elija.
- También deberá especificar los dos campos de metadatos que contienen los datos de latitud y longitud en su colección. Los valores en los campos de latitud y longitud determinarán la ubicación del pin del registro en el mapa. Tenga en cuenta que los datos de latitud y longitud deben estar en formato decimal para que el widget de mapa los interprete correctamente. Si sus datos geográficos contienen símbolos de grados u otros caracteres o notaciones no estándar, es poco probable que se interpreten correctamente.
- Después de elegir los campos, haga clic en el botón Obtener HTML. Esto generará el fragmento de código HTML que usted deberá utilizar en la herramienta de configuración de sitios web.
- Copie el HTML en su portapapeles y luego proceda al paso 2.
Paso 2: coloque el mapa en la Herramienta de Configuración del Sitio Web
Su mapa está definido por un fragmento de código HTML, el cual se puede colocar en cualquier página de su sitio web de CONTENTdm que admita la personalización de HTML. Esto incluye la página de inicio, cualquier página de destino de colección, la página Acerca de del sitio y cualquier página completamente personalizada.
- Inicie sesión en la Herramienta de Configuración del Sitio Web.
- Utilizando los menús de la Herramienta de Configuración del Sitio Web, navegue hasta la página donde desee colocar el mapa.
- En el editor web de la página en cuestión, pegue el código HTML que copió del asistente de mapas en el paso 1. Este fragmento de HTML se puede tratar como cualquier otro contenido que usted haya creado en el editor web. Asegúrese de mover el código como un solo bloque si desea organizarlo con otro contenido HTML en su página de destino u otras páginas personalizadas. Podría ser más fácil colocar el mapa mediante el diálogo del editor de código fuente HTML, el botón HTML situado en el extremo derecho de la barra de herramientas del editor web.
- Una vez que le guste la ubicación de su mapa, haga clic en Guardar y Publicar en la Herramienta de Configuración del Sitio Web para activar sus cambios.
Tenga en cuenta que el mapa no se mostrará en la Herramienta de Configuración del Sitio Web. Solo podrá previsualizar el mapa en su sitio web.
Después de que haya publicado su mapa y regrese a la herramienta de configuración del sitio web, aparecerá un icono gráfico que representa su mapa. Si desea modificar o eliminar el mapa, puede borrar el icono o abrir el editor de código fuente HTML y luego modificar el código HTML.
Paso 3: obtener una vista previa del mapa y refinarlo
Puede previsualizar sus mapas de la misma manera que realiza cualquier cambio en la Herramienta de Configuración del Sitio Web mediante la función de Vista Previa integrada. Esto le permite ver cómo se ve su mapa en diferentes tamaños de pantallas y en dispositivos móviles.
Fragmento de código HTML estándar generado por el asistente administrativo del mapa:
<cdm-map query="/digital/api/map/collection/p20500coll1/search/order/title/ad/asc?metadataField1=title& metadataField2=subjec&metadataField3=descri&latitudeField=publis&longitudeField=creato" center="0,0" zoom="0"> </cdm-map>
Por defecto, el mapa se ajustará al ancho completo de la sección de contenido de la página y tendrá una altura de 200 px. Si desea ajustar estos tamaños, puede agregar una etiqueta <style> antes del elemento <cdm-map>. Para preservar el comportamiento adaptativo del mapa, no recomendamos especificar el ancho del mapa, pero puede especificar un valor de altura personalizado.
Por ejemplo, añada lo siguiente antes del fragmento <cdm-map>:
<style><!-- cdm-map { height: 400px; } --></style>
El fragmento de HTML resultante con un valor de altura personalizado debería verse como el siguiente:
<style><!-- cdm-map { height: 400px; } --></style> <cdm-map query="/digital/api/map/collection/p20500coll1/search/order/title/ad/asc?metadataField1=title& metadataField2=subjec&metadataField3=descri&latitudeField=publis&longitudeField=creato" center="0,0" zoom="0"> </cdm-map>
También puede agregar otras reglas CSS, como un borde sólido y un margen para desplazar hacia abajo el botón de exploración:
<style><!-- cdm-map { height: 400px; border: solid; margin-bottom: 10px; } --></style>