Comment inserer une CARTE ?

Notifications ? Insertion de carte ou vidéo ? Groupe enfants ? Posez vos questions ici.
Avatar de l’utilisateur.rice
Leslie
Noyau dur d'ADDPK
Messages : 1044
Inscription : 28 juin 2015, 10:45
> VILLE : Nantes
> ASSO : Aucune
> POURQUOI l'ADD / PARKOUR ? : viewtopic.php?f=2&t=14#p751

Comment inserer une CARTE ?

Message par Leslie » 20 juin 2018, 14:17

Les balises [ Framacarte ] et [ GoogleMap ] ont été ajoutées pour pouvoir insérer des cartes facilement ;) :

Avec FRAMACARTE :
Après avoir créé une carte personnalisée sur Framacarte.org, cliquez sur l’icône du bouton share (à gauche de la carte). Vous obtiendrez un code sous "Intégrer la carte dans une iframe" du genre :
<iframe width="100%" height="300px" frameBorder="0" src="https://framacarte.org/fr/map/chantiers ... 75/-1.5656"></iframe><p><a href="https://framacarte.org/fr/map/chantiers-navals_26598">Voir en plein écran</a></p>
Le lien à insérer entre les balises [ Framacarte=https://framacarte.org/fr/map/chantiers-navals_26598 ]https://framacarte.org/fr/map/chantiers ... 75/-1.5656[ /Framacarte ] est celui entre src="" et celui à indiquer après =, celui entre href="".


Avec GOOGLEMAP :
Cliquer sur PARTAGER puis INTÉGRER LA CARTE et, idem, copier UNIQUEMENT l'adresse écrite entre "" après src=

Le code fournie par Google ressemble à ça :
<iframe src="https://www.google.com/maps/embed?pb=!1 ... 9806878974" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Ce qui signifie que le code à insérer dans votre message est :
[ GoogleMap ]https://www.google.com/maps/embed?pb=!1 ... 9806878974[ /GoogleMap ]

Avatar de l’utilisateur.rice
Leslie
Noyau dur d'ADDPK
Messages : 1044
Inscription : 28 juin 2015, 10:45
> VILLE : Nantes
> ASSO : Aucune
> POURQUOI l'ADD / PARKOUR ? : viewtopic.php?f=2&t=14#p751

Re: Comment inserer une CARTE ?

Message par Leslie » 12 novembre 2018, 15:27

Pour celles et ceux qui souhaitent utiliser http://framacarte.org, voici quelques infos utiles pour mieux repérer les options possibles 8-) :

Cliquer sur "Créer une carte" une fois arrivé sur le site, faîtes une recherche de lieu avec la loupe, et ajoutez quelques marqueurs, avec une étiquette si vous le désirez :
Framacarte_marqueurs.png

Pour changer le fond de la carte afin de voir d'autres types d'info s'afficher, enregistrer la carte telle qu'on l'a recentré, ou obtenir le lien de modif pour éventuellement la compéter plus tard, voici les icônes :
Framacarte_changerFond.png

Ensuite l’icône de partage, qui vous permettra d'avoir le lien d'où il faudra extraire le code "src=" et "href=" :
Framacarte_partager.png

Mais avant d'extraire ce liens, il peut être utile de sélectionner quelques options intéressantes en cliquant sur "Options d'export de l'iframe" :
Framacarte_options.png

Pour les boutons, en dehors de ceux de zoom, j'ai tendance à ne pas les afficher, pour éviter la surcharge d'info, mais à vous de voir ce que vous préférer.

Avatar de l’utilisateur.rice
Leslie
Noyau dur d'ADDPK
Messages : 1044
Inscription : 28 juin 2015, 10:45
> VILLE : Nantes
> ASSO : Aucune
> POURQUOI l'ADD / PARKOUR ? : viewtopic.php?f=2&t=14#p751

Re: Comment inserer une CARTE ?

Message par Leslie » 28 décembre 2018, 20:59

Avant de copier-coller le code, n'oubliez pas de cliquer sur "recentrer la carte" (l’icône avec les deux flèches qui se rejoignent avec un point au milieu) puis "enregistrer", car sinon par défaut, on a une vue de tout le nord de la France, de l'Angleterre et de la Belgique ! :lol:

Ça peut être bien aussi de sauvegarder le lien de modification en cliquant sur la clé pour qu'il s'affiche : ça permet de compléter la carte plus tard au besoin. ;)

Répondre

Revenir à « Comment utiliser le forum ? Les TUTOS... »