Comment inserer une CARTE ?

[Leslie]

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

Avec FRAMACARTE (uMap) :
Après avoir créé une carte personnalisée sur Framacarte.org ou umap.openstreetmap.fr, 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-navals_26598?scaleControl=true&miniMap=true&scrollWheelZoom=true&zoomControl=false&allowEdit=false&moreControl=false&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=false&onLoadPanel=undefined&captionBar=false#16/47.2075/-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-navals_26598?scaleControl=true&miniMap=true&scrollWheelZoom=true&zoomControl=false&allowEdit=false&moreControl=false&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=false&onLoadPanel=undefined&captionBar=false#16/47.2075/-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=!1m18!1m12!1m3!1d11316.560174741695!2d-0.5928570318291125!3d44.83908128295694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd5527e8183a6af7%3A0xcef3427f0a58958a!2sCentre+commercial+M%C3%A9riadeck!5e0!3m2!1sfr!2sfr!4v1499806878974" 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=!1m18!1m12!1m3!1d11316.560174741695!2d-0.5928570318291125!3d44.83908128295694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd5527e8183a6af7%3A0xcef3427f0a58958a!2sCentre+commercial+M%C3%A9riadeck!5e0!3m2!1sfr!2sfr!4v1499806878974[ /GoogleMap ]

[Leslie]

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 :

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 :

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

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" :

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.

[Leslie]

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 !

Ç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.