Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Centrer une boucle

Sandy
le 16 août 2023
à 12:19
Rappel du sujet :

Bjr,

Comment faire pour centrer la carte
https://fgw.spipfactory.fr/5

issue du plugin images_departements

[(#REM) modele pour afficher une carte de France des departements avec une image map pour avoir un lien sur chaque departement

	parametres:
		|redim= : le facteur de redimensionnement de la carte (par defaut 1, ce qui correspond a une carte de 479x434 pixels)
		|lien_base= : l'url des liens sur les departements (par defaut #SELF)
		|lien_param= : le parametre de l'url pour passer le numero de departement (par defaut "depart" : ...?depart=...)
		|mono=1 si on souhaite la carte en monoteinte
		|aff_region=1 si on souhaite afficher la région en plus du nom du departement dans l'info-bulle affichee au survol
		|bullehtml=1 si on préfère l'info-bulle native HTML à celle generee en javascript (non-accessible lors de la navigation au clavier...)

	pour les options d'affichage de l'info-bulle
		voir https://github.com/kswedberg/jquery-cluetip
]<B_departs>
[(#BULLEHTML|!={1}|oui)
	[<script src="(#CHEMIN{cluetip/jquery.cluetip.js})"></script>
	<script>
	jQuery(document).ready(function() {
		jQuery("area.infobulle").cluetip({ splitTitle: '|', width: 180, arrows: true, positionBy: 'bottomTop', cluetipClass: 'jtip', clickThrough: true });
	});
	</script>]
	[<link rel="stylesheet" href="(#CHEMIN{cluetip/jquery.cluetip.css})" type="text/css" media="all" />]
]
<div style="width: [(#REDIM|replace{',','.'}|sinon{1}|mult{479}|plus{30}|round)]px; height: [(#REDIM|replace{',','.'}|sinon{1}|mult{434}|plus{15}|round)]px; padding: 0;">
	<img alt="Departements"
		usemap="#departements"
		src="[(#CHEMIN{[(#MONO|=={1}|?{france_departements_mono.png,france_departements.png})]})]"
		style="border: 0; text-align: left; width: [(#REDIM|replace{',','.'}|sinon{1}|mult{479}|round)]px; height: [(#REDIM|replace{',','.'}|sinon{1}|mult{434}|round)]px;"
		class="no_image_filtrer;"/>

	<map name="departements">
	<BOUCLE_departs(IMAP_DEPARTEMENTS){par id_departement}>
		<area shape="poly" class="infobulle"
			title="#NOM[(#BULLEHTML|!={1}|oui)|][ (#AFF_REGION|=={1}|oui)[[(#BULLEHTML|=={1}|oui)- ](#REGION)]]"
			alt="#NOM[ (#AFF_REGION|=={1}|oui)[ - (#REGION)]]" 
			href="[(#LIEN_BASE|sinon{[(#SELF)]}|parametre_url{[(#LIEN_PARAM|sinon{depart})],[(#PARAM|=={nom}|?{#NOM_WEB,#NUM_DEPARTEMENT})]})]"
			coords="[(#COORDONNEES|agrandir{[(#REDIM|replace{',','.'}|sinon{1})]})]"/>
	</BOUCLE_departs>
	</map>
</div>
</B_departs>
Centrer une boucle

Hello

Visiblement, tu as trouvé la solution puisque je vois une carte bien centrée.

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14