logo El diario de Pepe Molina (Caricatos)

yo

El resultado, aunque parece bastante bueno, nos ha movido a estudiar más a fondo el mapa escogido.


Última caricatura

Andrés Iniesta: Futbolista español. En la actualidad juega en el Barcelona.

Andrés Iniesta

RSS de las imágenes: rss


La Cita

¡Estudia! No para saber una cosa más, sino para saberla mejor

Lucio Anneo Séneca, filósofo latino (2 a.C.-65 d.C.).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Etiquetando mapa SVG

emoticón de Caricatos Publicado el día 19 de noviembre de 2014
id=139; categorías: Vicisitudes de un Webmaster, Programación

Entre las reflexiones hechas en el apunte SVG vs. Ajax, hemos decidido utilizar el mapa que se ve a continuación. Para mostrarlo hemos filtrado las etiquetas polygon y path; y hemos usado un color para cada etiqueta: rojo para "path" y verde para "polygon". El resultado, aunque parece bastante bueno, nos ha movido a estudiar más a fondo el mapa escogido.

Vicisitudes

Notamos a simple vista una tonalidad no esperada en la provincia de Cáceres, razón por la cual revisamos las etiquetas originales de la imagen para ver si encontrábamos algo extraño, y ¡eureka! (*). Vemos dentro de la lista de , la de "polyline", que básicamente es igual al polígono, así que arreglamos este problema tratando esta etiqueta igual que "polygon".

También vemos una forma rara en África de tono rojizo, por lo que podemos deducir que es una etiqueta "path", aunque viendo el mapa original deducimos que se trata de la línea fronteriza entre los dos países africanos: Marruecos y Argelia.

Al ver el fondo en tonalidad verdosa, y aún más intenso el recuadro de las islas canarias, deducimos que son cuadrados hechos con polígonos.

Antes de continuar describiremos unas sencillas herramientas para poder analizar más a fondo el mapa.

Herramientas

A la vez que generamos el mapa que estamos mostrando, hemos generado una variable de tipo objeto con los datos básicos que nos interesa: Tamaño y lista de formas que representan provincias y otros países. Con esos datos actualizamos un formulario que podemos mostrar y ocultar con el control que aparece a continuación: .

El formulario que aparece al pulsar el botón (y que puede volver a ocultarse volviéndolo a pulsar), nos muestra un control que nos permite seleccionar las formas. Seguidamente vemos el nombre que tiene la forma activa, que originalmente coincide con la etiqueta "svg" de la misma (path, polygon o polyline).

Luego encontramos el selector de estilos, que sirve para diferenciar la apariencia de las formas seleccionadas. El siguiente control es útil para reconocer los elementos pequeños, como Ceuta y Melilla. Aunque el "zoom" permite una ampliación de 20x, con una escala pequeña es suficiente.

Reflexiones

Con esos controles que hemos descrito hemos obtenido un que evidentemente nos da motivos de reflexión.

Tanto las islas Canarias, como las Baleares están unidas en una sola etiqueta (las primeras citadas en dos), y nos interesa separarlas. Las fronteras entre provincias mostradas con elementos path no coinciden con los polígonos

Nos queda por comentar que hemos añadido un par de comportamientos a las formas del mapa: se pueden seleccionar simplemente pinchando sobre ella y al posar el puntero del ratón nos muestra el nombre que lleva. Creemos que son utilidades muy propicias para nominar cada elemento.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.139) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 4222 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/FONDO005.gif
http://www.pepemolina.com/postales/Musicales/Imagen1.gif
http://www.pepemolina.com/postales/Musicales/Imagen2.gif
http://www.pepemolina.com/postales/Musicales/Imagen3.gif
http://www.pepemolina.com/postales/Musicales/Imagen4.gif
http://www.pepemolina.com/postales/Musicales/Imagen5.gif
http://www.pepemolina.com/postales/Musicales/Imagen6.gif
http://www.pepemolina.com/postales/Musicales/Imagen7.gif
Postal Digital
Postal Digital
enlace a la postal
Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio