Il est désormais possible d'intégrer le localisateur de groupes scouts sur des pages web, grâce au marqueur iFrame. L'extrait de carte, la couleur et la police de caractère sont personnalisables. Ce format a été développé pour les associations cantonales ; il leur permet de présenter sur leur site internet une vue d'ensemble des groupes scouts de leur canton, sans grand effort de programmation et en accord avec leur style de site.
La page où le localisateur doit pouvoir inclure un iFrame. Aussi pour que l'iFrame se comporte correctement, il est recommandé d'intégrer également le petit code JavaScript ci-plus bas, via la balise „<script>“.
Implémentation
Code
<script
src="https://pfadi.swiss/static/pfadi/libs/iframe-resizer/js/iframeResizer.js"
></script>
<iframe
id="finder-embed"
style="padding: 40px 0; max-width: 1400px"
width=100% frameborder=0
src="https://pfadi.swiss/de/finder-embed/?bg=eee&init_center=46.8367988,7.5012281&init_zoom=9.8&red=8C3C4F&red_dark=64284A"
></iframe>
<script>
iFrameResize({
// log: true,
'heightCalculationMethod': 'lowestElement',
}, '#finder-embed')
</script>
Paramètres
L'attribut "style" de l'iFrame est optionnel et spécifique à docu.scout.ch, afin que le localisateur s'intègre mieux au site. Dans la configuration de base, l'iFrame insérée n'a pas de marges haut/bas/gauche/droite. L'URL et les paramètres GET permettent de configurer l'iFrame :
- bg = couleur d'arrière-plan
- red = écriture/rouge plus clair
- red_dark = rouge plus foncé
- init_center = centre de la carte
- init_zoom = zoom initial
L'iFrameresizer est souvent nécessaire - s'il ne peut pas être utilisé, la hauteur de l'iFrame doit être indiquée de manière fixe. Cela peut entraîner des difficultés si d'autres contenus viennent après le localisateur. Si cela ne fonctionne pas, on peut activer "log : true".