Umap : Comment ajouter une image dans la pop-up d’un point d’intérêt

Comment ajouter une image dans la pop-up d’un point d’intérêt

Quand vous placez un point d’intérêt sur la carte, il faut remplir les champs Nom et Description en utilisant éventuellement les codes de mise en forme ci-dessous pour contrôler la syntaxe.

Syntaxe 

*simple astérisque pour italique*
**double astérisque pour gras**
# un dièse pour titre 1
## deux dièses pour titre 2
### trois dièses pour titre 3
Lien simple: [[https://exemple.fr]]
Lien avec texte: [[http://exemple.fr|texte du lien]]
Image: {{http://image.url.com}}
Image avec largeur (en pixels) : {{http://image.url.com|largeur}}
Iframe: {{{http://iframe.url.com}}}
Iframe avec hauteur (en pixels): {{{http://iframe.url.com|hauteur}}}
Iframe avec hauteur et largeur (en px): {{{http://iframe.url.com|height*width}}}
— pour un séparateur horizontal

Insertion d’une photo

Deux étapes pour ajouter une photo :

  1.   Il faut mettre votre photo sur un serveur accessible en ligne comme par exemple : Framapic  . J’ai mis en ligne l’image d’un défibrillateur : Image .
    Attention : nous sommes sur le web, donc il faut éviter de mettre en ligne des images de plusieurs Mo. Si nécessaire , il faut réduire la définition et/ou la taille des images à quelques Ko.
  2.  Dans le champ description du point d’intérêt, vous ajouter le lien vers votre image en l’encadrant avec des doubles croches {{ lien }}. Vous pouvez définir la largeur comme indiqué au paragraphe précédent.
    defib1

Vous devriez obtenir cela  :

defib2

 

Un cercle de 1km de diamètre sur une carte

Une carte uMap avec un cercle de 1km de coté : c’est souvent un besoin comme par exemple savoir si la ville d’Ambérieu en Bugey est dans le périmètre du PPI de la centrale du Bugey (20km)

Etape 1

Dans Josm, créer un nouveau calque. Tracer une ligne horizontale de 500m avec deux points ( info de distance en bas de la fenêtre de dessin ) puis de nouveau une ligne horizontale de 500m. donc trois points à l’horizontale. Sélectionner les deux point extérieurs puis le menu [Outils] [Créer un cercle]. Sélectionner le trait horizontal et le point au milieu du diamètre puis menu [Outils] [Déconnexion d’un nœud à partir d’un chemin]. Vous pouvez supprimer le trait horizontal. Il reste alors un cercle de 1km de diamètre avec un point centre. Enregistrer le calque dans le format .osm ( cercle1km.osm par exemple ) éventuellement recommencer l’opération pour des cercles de diamètre différents.cercle2

Etape 2 : géolocaliser le cercle créer

Toujours dans Josm, télécharger la zone de la carte finale dans un nouveau calque, puis déplacer le cercle et son centre pour le positionner au bon endroit. si vous avez d’autre cercles concentriques faire la même manip dans les autres calques puis fusionner ces calques. Pour finir on enregistrera au format .gpx

Remarque : on peut supprimer les points centres avant l’export en gpx puisque les cercles sont positionnés correctement par rapport à la carte.

Etape 3

Créer une carte Umap centrée au bon endroit et importer le fichier .gpx précédent. Il ne reste plus qu’à définir les informations à afficher sur la carte.

cercle3Remarque : si on veut des cercles de couleurs différentes, il faut faire trois fichiers .gpx différents  et définir les couleurs dans uMap.

 

 

 

Créer un cake sur MapCraft

L’objectif est d’aider à la coordination du travail de contributeurs OSM sur une zone.
Exemple : Exemple de carte pour le projet BANO

La page Mapcraft    et la doc  sur le Wiki Osm.
Dans cette doc tout va bien jusqu’au chapitre « Créer un diagramme vectorisé » -« Directement avec Josm » où il n’y a qu’une explication très laconique  : « Dessinez votre diagramme dans ce nouveau calque. » . je ne sais pas comment dessiner une grille de carreaux de 1km de large directement dans Josm.  Et si j’ai bien lu la doc précédente, il faut que chaque carré soit un chemin fermé. Donc j’ai dessiné cette grille grâce au logiciel Inskcape.

Dessin d’une grille dans Inskcape

La grille fera 12 carreaux par 14 carreaux de 100 px de coté. Parce que le périmètre de la commune de travail est inclus dans un rectangle de 12 km par 14 km.
Il faut procéder en réglant la grille d‘Inskcape à 100px par carreau, puis activer l’attraction magnétique. [menu préférences] puis dessiner des carrés et faire des copier/coller pour obtenir l’image de plus d’une centaine de carrés. Attention à ne pas faire des « coller » superposés qui risquent de poser des problèmes ensuite. Sauvegarder le dessin en .svg (Grille.svg)

Import dans Josm

Il faut installer, dans Josm, un plugin permettant d’importer les fichiers svg : ImportVec
Puis récupérer le fichier des limites de la commune sur le site du cadastre sur OSM
Ouvrir le fichier télécharger dans Josm, puis créer un nouveau calque et ouvrir le fichier Grille.svg : choisir échelle=1 et unité=10m soit pour un carreau de 100px=1km
ensuite déplacer la grille (après sélection globale) pour qu’elle recouvre bien la limite de commune : Cela permet de géolocaliser les carreaux de la grille.
NE PAS fusionner les deux calques, mais supprimer les carreaux inutiles en dehors des limites de la commune puis enregistrer le calque de cette grille au format .osm

grille3

Créer le cake

Sur le  site de Mapcraft créer un nouveau cake.
Puis importer le fichier .osm  et faire les réglages qui vont bien…Ce qui donne la la page suivante pour le travail sur la bâti de Rabastens.

Aller au Boulot

Choisir un carré après s’être identifié ( compte OSM). Le bouton [Remote] permet de télécharger ce carré  dans Josm si celui est ouvert et si la commande à distance est activé. Attention : votre navigateur peut traduire automatiquement cette commande en [Retour] ce qui n’est pas particulièrement explicite.

Il n’y a plus qu’à travailler. Ceux qui mappent sur la même tâche sauront quel carré vous avez réservé.

Quand vous arrêter de travailler, après avoir envoyer vos modifications sur le serveur OSM, il faut penser à régler le curseur d’avancement de Mapcraft et libérer le carré pour les autres contributeurs.

Le 2 juin 2016 : Finie ! la mise à jour du bâti sur Rabastens est enfin terminée… merci aux contributeurs qui m’ont donné un coup de main.

Des cochons à Merland

Petite balade du jour, avec une surprise au détour d’un chemin : des cochons en plein champ ! c’est vraiment très rare et assez sympathique !

Installation serveur uMap

Phase 1  : Installation d’une machine Debian 8 Jessie

Télécharger une image iso sur le site debian, méthode torrent:  debian-8.3.0-amd64-netinst.iso
Faire une installation minimale, puis ajouter vim, openssh, sudo, htop.
Modifier les fichiers /etc/vim/vimrc et .bashrc. Ajouter colorscheme evening dans vimrc pour une meilleure lisibilité sur fond noir.
Configuration Ip fixe dans /etc/network/interfaces puis accès ssh par clé : ssh geo.
Ajouter l’utilisateur de base  dans le groupe sudo. Supprimer l’accès root sur le serveur ssh.
Stopper le serveur exim4 après avoir vérifier qu’il n’est pas configuré dpkg-reconfigure exim4-config.

Phase 2 : Suivre la doc

Installation de uMap

A voir aussi :  uMap sur Github  pour complèter et surtout à la fin pour la commande Search

Marche Mérignat – Chaux

Petite balade du jour…

Point de vue sur Cerdon
IMG_20160313_115541

Cabane de vignerons
IMG_20160313_135803

De la gare d’Ambérieu-en-Bugey à la Via-Rhôna

Le trajet pour rejoindre la Via-Rhôna quand vous arrivez en train à la gare d’Ambérieu en Bugey.

Attention : Ce trajet, s’il est le plus souvent sur des petites routes, emprunte l’ancienne N1075 à l’entrée de Lagnieu et cette portion n’est pas du tout protégée pour les cyclistes : axe de grand gabarit, voitures et camions sur plus d’1km.

 

Balade à pied dans la ville

Balade à pied en ville de 48min
Utilisation du plugin OSM pour WP
A reporter sur OSM :   le passage piétons entre la rue Salengro et la rue Jules Ferry sous un bâtiment.