Forum du site

Accueil

Forum

Escal

Une question technique ?

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>
Jean Christophe Villeneuve le 16 août 2023 à 16:11	Centrer une boucle Hello Visiblement, tu as trouvé la solution puisque je vois une carte bien centrée.

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>

Jean Christophe Villeneuve
le 16 août 2023
à 16:11

Centrer une boucle

Hello

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

Edito