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 : 966
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 ]
.
Pour se retrouver sur les réseaux sociaux libres et décentralisés, indiquez vos comptes Diaspora (framasphere.org) ou Mastodon (framapiaf.org) sur votre profil ! ^^

Avatar de l’utilisateur.rice
Leslie
Noyau dur d'ADDPK
Messages : 966
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 ;) :

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.
.
Pour se retrouver sur les réseaux sociaux libres et décentralisés, indiquez vos comptes Diaspora (framasphere.org) ou Mastodon (framapiaf.org) sur votre profil ! ^^

Répondre

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