Des élections mises en cartes

Exemples d'integration des cartes

Appel du SDK

Chargement asynchrone du SDK javascript,
(une seule fois pour chaque page où doit être insérée une carte)

<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async=true; js.src = "http://makinacorpus.github.io/iframe-loader/dist/scripts/mkc.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'mkc-iframe-loader'));</script>

OU

<script src="http://makinacorpus.github.io/iframe-loader/dist/scripts/mkc.js" id="mkc-iframe-loader" async="async"></script>
(à insérer APRÈS le div .mkc-placeholder)

Insertion d'une carte

La carte sera insérée à l'emplacement de ces balises

Résultats des départementales par régions :

<div class="mkc-placeholder" data-source="departementales-2015_regions"></div>

Résultats des départementales pour Toulouse, par bureau de vote :

<div class="mkc-placeholder" data-source="2015-resultats-departementales" data-dpt="31"></div>

Résultats des départementales pour Fougères, par bureau de vote :

<div class="mkc-placeholder" data-source="fougeres" ></div>

Résultats des départementales pour chaque département, par canton :

Option : data-dpt="numéro_du_département"
<div class="mkc-placeholder" data-source="departementales-2015_cantons" data-dpt="31"></div>

Remplacer le "31" par un autre département si besoin.

Listes des candidats par cantons

pas d'options
<div class="mkc-placeholder" data-source="2015-cantons-et-candidats"></div>

Options d'intégration

Voici les différentes options disponibles. Pour les utiliser, il suffit d'ajouter les attributs correspondant sur la balise :

Choix de la Hauteur : data-height="pourcentage"

default: 75

La valeur représente la hauteur en pourcentage relative à la largeur de l'élément. Cela vous permet de définir un ratio de carte.

<div class="mkc-placeholder" data-source="2015-resultats-departementales" data-dpt="31 data-height="45"></div>

Empecher le zoom au scroll : data-zoomonscroll="true/false"

default: true

Pour des soucis d'usabilité, vous pouvez désactiver la gestion du zoom par le scroll de la souris en passant l'attribut à false

<div class="mkc-placeholder" data-source="2015-resultats-departementales" data-dpt="31 data-zoomonscroll="false"></div>