Usages particuliers dans spip publié le 07/02/2019  - mis à jour le 23/01/2023

Pages : ...101112131415161718

Google maps

Il est possible d’insérer une Google map interactive dans un article spip sans devoir insérer du code html dans le champ d’édition (ce qui est interdit par la charte des auteurs).

Copier code carte Google
  1. préparer sa carte dans Google maps ;
  2. cliquer sur l’icône symbolisant le menu en haut à gauche de cette carte ;
  3. cliquer sur "Partager ou intégrer la carte" ;
  4. copier dans l’onglet "Intégrer une carte" le code proposé ;
  5. ouvrir l’article SPIP en mode édition ;
  6. cliquer sur le lien "internet" situé dans la boîte Ajouter une image ou un document ;
  7. coller le code dans ce champ de saisie ;
  8. cliquer sur le bouton "Choisir" ;
  9. saisir un titre à ce nouveau document ;
  10. copier la balise <embXX|center> du document importé ;
  11. positionner votre curseur à l’endroit voulu puis coller cette balise ;
  12. enregistrer l’article.

Géoportail

Il est aussi possible d’ajouter des cartes interactives issues du site Géoportail.

  1. préparer sa carte dans Géoportail ;
  2. cliquer sur l’icône Bouton "Partager" de Géoportail située en haut à droite de la carte ;
  3. copier le lien proposé dans le champ "Lien permanent vers la carte" ;
  4. ouvrir l’article SPIP en mode édition ;
  5. cliquer sur le lien "internet" situé dans la boîte Ajouter une image ou un document ;
  6. coller le lien dans ce champ de saisie ;
  7. cliquer sur le bouton "Choisir" ;
  8. saisir un titre à ce nouveau document ;
  9. copier la balise <embXX|center> du document importé ;
  10. positionner votre curseur à l’endroit voulu puis coller cette balise ;
  11. enregistrer l’article.

OpenStreetMap

OpenStreetMap est un service de cartographie libre qui tout comme Google Maps est en mesure de proposer la consultation d’un itinéraire (en voiture, à pied ou à vélo) ou la création de cartes personnalisées.
Il est maintenant possible d’insérer ces cartes interactives dans un article de SPIP en suivant la procédure suivante :

  1. préparer sa carte dans uMap ;
  2. cliquer sur l’icône de "Exporter et partager la carte" : Bouton export et partager
  3. copier tout le code situé dans l’encadré Intégrer la carte dans une iframe ;
  4. ouvrir l’article SPIP en mode édition ;
  5. cliquer sur le lien "internet" situé dans la boîte Ajouter une image ou un document ;
  6. coller le lien dans ce champ de saisie ;
  7. cliquer sur le bouton "Choisir" ;
  8. saisir un titre à ce nouveau document ;
  9. copier la balise <embXX|center> du document importé ;
  10. positionner votre curseur à l’endroit voulu puis coller cette balise ;
  11. enregistrer l’article.