logo El diario de Pepe Molina (Caricatos)

yo

Teníamos pendiente actualizar el mapa de España por varios motivos y nos hemos puesto en ello.


Ú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

Nada resiste tanto como lo provisional

André Maurois, biógrafo; novelista y ensayista francés (1885-1967).


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

Mapa de España SVG II: Vicisitudes

emoticón de Caricatos Publicado el día 29 de marzo de 2017
id=152; categorías: Vicisitudes de un Webmaster, Globalización, Programación

Províncies d'Espanya Teníamos pendiente actualizar el mapa de España por varios motivos y nos hemos puesto en ello. Nos habíamos fijado en unos de los que nos ofrece la wikipedia, y que mostramos de manera reducida. Detallaremos los pequeños retoques que se nos ocurre hacer, basándonos en los distintos atributos de los elementos seleccionados.

Empezaremos "destripando" lo que nos interesa, utilizando como base el código del apunte SVG vs. Ajax, donde se dibujan los elementos sin usar relleno.

Revisando el código hemos visto que por cada elemento se asignan estilos en el propio ídem, así que como primer paso hemos declarado una primera sección.

Estilos

Hemos definido clases para reducir el código... una primera aproximación vemos a continuación:

<![CDATA[
.provincia	{
	stroke:	#ccc;
	fill:	#fff8e3;
}
.provincia:hover	{
	fill:	red;
}
.nada	{
	fill:	none;
	stroke:	#999;
}
.marco	{
	fill:	none;
	stroke:	black;
	stroke-width: 2;
	stroke-miterlimit:	4;
}
.marco_canario	{
	fill:	none;
	stroke:	#1a171b;
	stroke-miterlimit:	4;
}
.linde_canario	{
	fill:	black;
	fill-rule:	evenodd;
	stroke:	#ccc;
	stroke-width:	0.5;
	stroke-linecap:	butt;
	stroke-linejoin:	miter;
	stroke-opacity:	1;
	fill-opacity:	1;
	opacity:	0.9;
	stroke-miterlimit:	4;
	stroke-dasharray:	none;
}
.agua	{
	fill:	#d3ebfa;
}
.exterior	{
	fill:	#f4e2ba;
	stroke:	#999;
}
]]>

Evidentemente se trata de código "provisional", ya que la clase "nada" es algo concreto que ya trataremos; y posiblemente algunos estilos sean innecesarios.

También notamos el uso del elemento CDATA, para conseguir un fichero XML "bien formado", y así propiciar su edición, por ejemplo con programas como inkscape.

El resultado (provisional)

Vemos como queda esta primera versión del nuevo mapa de España que usaremos en adelante.

Como nota final hemos probado insertar la imagen con los distintos métodos que ya hemos usado en un apunte anterior: Rotando imágenes con svg, y detectamos que no se inserta correctamente usando la etiqueta "img". Procuraremos averiguar el motivo.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.152) 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 503 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/FONDO009.gif
http://www.pepemolina.com/postales/Musicales/jflamen8.gif
http://www.pepemolina.com/postales/Brujas/bruja12.gif
http://www.pepemolina.com/postales/Comic/erotico029.gif
Las amigas de
Las amigas de
Caricatos
Caricatos
enlace a la postal
Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio