dimanche 23 novembre 2025

Montrek et Guru Maps

 Objectif : Une application de randonnée avec des cartes off-line


1) Télécharger l'application momtrek

https://bernardhoyez.github.io/PWA/montrek/

Installer l'application :

 "Trois petits points"

Installer sur la page d'accueil > Installer

L'icone de l'application apparait

On peut fermer la page, l'application peut être relancée en cliquant sur l'icone


2) Télécharger l'application Guru Maps sur le Play Store

Passer l'introduction

3) Utiliser l'application montrek

Cette application permet de télécharger sur son smartphone des cartes en préparation d'une randonnée. Pour utiliser cette application, il faut une connexion internet.
Lancer l'application

a) choisir les cartes Open Street Maps ou IGN Plan V2 (menu déroulant)

b) Définir le centre de la carte soit par pointage sur la carte affichée, soit en utilisant sa position actuelle.

c) Définir le rayon d'action de la carte en kilomètres

Ne pas exagérer. Généralement 4 ou 5 kilomètres suffisent.

Sinon, beaucoup d'espace mémoire de stockage

d) Choisir les niveaux de zoom (normalement entre 12 et 16)

e) Activer ou non le choix du dossier de sauvegarde de la carte

- si pas de choix, la carte est sauvegardée dans le dossier "Téléchargements"

- si choix du dossier, le spécifier 

(on aura au préalable créé le dossier soit dans Téléchargements, soit dans Documents

avec un explorateur de fichiers).

f) Cliquer sur Générer le fichier de tuiles

Attendre la fin (0 à 100%)

 4) Utiliser Guru Maps sur le terrain

Avec l'explorateur de fichier, rechercher le fichier de cartes

Sélectionner la carte. > Ouvrir avec > Guru Maps

 L'application Guru Maps s'ouvre

Cliquer sur l'icone "Cartes empilées" et choisir la carte

Clique sur la boussole

Cliquer sur Aller sur la carte

La carte s'affiche avec sa position.


samedi 22 novembre 2025

Relief en niveaux de gris avec QGIS

Avec QGIS 

Deux couches sont superposées :

Couche IGN Plan v2
Couche WMTS IGNF Lidar MNT Shadow

Cliquer sur la couche inférieure (Shadow) > Propriétés > Symbologie
Contraste 43 - luminosité -20

Cliquer sur la couche supérieure (Plan IGN)
Sélectionner cette couche > Propriétés
Transparence 50%

Fichier > Exporter la carte au format image

Avec Photoshop

Régler l'histogramme de l'image

mercredi 19 novembre 2025

Des MBtiles avec la PWA mestiles

 https://bernardhoyez.github.io/PWA/mestiles/

Cette PWA permet de construire des fichiers MBtiles à partir de :
- OpenStreetMaps
- IGN Plan v2

On peut utiliser ces fichiers dans Orux Maps

Un fichier MBTiles (MapBox Tiles) est un format de fichier standardisé qui permet de stocker des données cartographiques en mosaïque (appelées tiles ou tuiles) dans une base de données SQLite unique.

En termes simples, au lieu d'avoir un répertoire complexe avec des milliers de fichiers images séparés pour chaque tuile de carte et chaque niveau de zoom, toutes ces tuiles sont regroupées efficacement dans un seul fichier portable avec l'extension .mbtiles.


🗺️ Caractéristiques et Structure

  • Base de données SQLite : Le format MBTiles repose sur la technologie de base de données SQLite, ce qui le rend portable et facile à utiliser sur différentes plateformes.

  • Contenu : Il stocke les tuiles cartographiques, qui peuvent être de type :

    • Raster (images comme PNG, JPEG, WEBP) : pour les fonds de carte (imagerie satellite, cartes scannées).

    • Vectoriel (format PBF, par exemple) : pour les données vectorielles (routes, limites, points d'intérêt) qui peuvent être stylisées dynamiquement.

  • Schéma Standardisé : Le fichier contient généralement deux tables principales :

    • metadata : Contient des informations essentielles sur le jeu de tuiles (nom, type, version, niveaux de zoom minimum/maximum, etc.).

    • tiles : Contient les tuiles elles-mêmes, avec des colonnes pour le niveau de zoom (zoom_level), la colonne (tile_column), la ligne (tile_row) et les données binaires de la tuile (tile_data).

mercredi 12 novembre 2025

Effacer les données d'un site Chrome

 

Effacer les données du site spécifique

  1. Ouvrez Chrome (ou le navigateur utilisé).

  2. Allez dans les Paramètres du navigateur (les trois points verticaux en haut à droite).

  3. Sélectionnez Paramètres des sites (Site settings).

  4. Sélectionnez Stockage des données (Storage).

  5. Recherchez l'URL de votre PWA dans la liste.  Par exemple mon site Github

  6. Appuyez sur le nom du site, puis sur Effacer et réinitialiser (Clear & Reset).

Chrome Windows
  1. Ouvrez le menu « Outils » en haut à droite.
  2. Choisissez « Historique »
  3. Cliquez sur « Historique »
  4. Cliquez sur « Effacer les données de navigation »
  5. Dans l'onglet « Général », cochez « Historique de navigation » et « Cookies et autres données de site »
  6. Cliquez sur « Effacer les données »

mardi 28 octobre 2025

Travail sur images satellite Google avec QGIS

1) Il faut une extension dans QGIS

Pour obtenir les images satellite de Google.
Dans le menu, sélectionner "Extensions"
Extension Quick Map Services. La télécharger.

2) Télécharger l'image satellite

Dans le menu, sélectionner "internet" , puis Google
Zoomer sur la vue satellitaire

3) Tracer des lignes

Réglages : Vue > Panneaux > Style de couche
Ajouter une couche shapefile : icone "Nouvelle couche shapefile"
Basculer en mode édition (icone crayon)
Ajouter une identité linéaire (bouton)

Dans le panneau "Style de couche" : ajuster la couleur et l'épaisseur de la ligne (exemple 2 mm)

La souris prend la forme d'un cercle.
Dessiner point à point.
A la fin, cliquer à droite : le trait coloré apparaît

4) Exporter en KML

Sélectionner la couche shapefile.
Clic à droite > Exporter > Sauvegarder les entités sous > Format KML dans dossier sélectionné.

5) Vérification dans Google Earth

Ouvrir le fichier kml dans Google Earth


samedi 11 octobre 2025

Des MB Tiles avec QGis

 Dans QGis :

Couche > Ajouter une couche > Ajouter une couche WMS/WMTS

Explorateur (icone dossier) > WMS/WMTS > Serveur IGN > Ortho 20 cm

La carte de France apparaît en tout petit (lent à apparaître) > Zoomer

Traitement > Boite à outils > Outils Raster > Générer des tuiles XYZ (MBTiles)

Si la boîte à outils n’est pas ouverte, vous la trouverez dans le menu principal de QGIS,  onglet traitement > cliquez sur « Boîte à outils » (ou utiliser le raccourci clavier : Ctrl + Alt + T).

 Boite de dialogue avec options :

  • Emprise > Dessiner sur le canevas de carte
  • Dessiner avec la souris
  • Zoom minimum : 10 par exemple
  • Zoom maximum : 18 par exemple
  • DPI : 300 par exemple
  • Format de tuiles : JPG
  • Qualité : 95%
  • Sortie : choisir un nom et un dossier.
Une barre d'éxécution apparaît de 0 à 100%

Voir également ce tuto.


mercredi 8 octobre 2025

Ma boîte à outils POI

 Les POI (Points Of Interest) ou Points d'intérêt sont les petits "cailloux blancs" qu'on laisse sur un trajet pour se souvenir, bien après, de certains lieux marquants.

Ce trajet peut être une excursion touristique ou géologique, une randonnée pédestre, la visite d'un musée.

Une visite est un ensemble structuré de POIs.

Un POI comporte ou peut comporter différents objets :

  • un ID ou identificateur
  • un titre (obligatoire)
  • une géolocalisation GPS (obligatoire)
  • un commentaire textuel (facultatif)
  • une image ou une photo (facultatif)
  • un commentaire audio (facultatif)
  • une vidéo (facultative).
Puisqu'il est obligatoirement géolocalisé, chaque POI d'une visite peut être représenté par un marqueur sur un fond de carte. Par exemple, une épingle sur un fond de carte Open Street Map.

Il y a deux aspects dans une visite :
  • sa construction
  • sa visualisation

Construire une visite consiste à décrire une succession de POIs, en fournissant pour chaque POI le maximum des objets qu'on vient de nommer. On peut par exemple choisir une photo ou une vidéo captée avec son smartphone,ou encore enregistrer un commentaire vocal descriptif du POI.

Visualiser une visite consiste à suivre des POIs sur une carte. Cette carte, de manière élémentaire, peut être une carte OSM (OpenStreet Map) sur laquelle les POIs sont représentés par des marqueurs. Un clic sur ces marqueurs entraîne l'ouverture de popups (petites fenêtres flottantes) montant les données attachées au POI.
La visualisation des POIs peut se faire dans deux situations :
    - en chambre, avec un ordinateur, c'est une visite virtuelle,
    - sur le terrain, avec un smartphone géolocalisé, c'est une visite guidée.

Entre la construction et la visualisation se fait un passage de données, par le truchement d'un fichier.
Ce fichier est en fait une archive (un zip) qui comporte les données brutes  (dossier "data") et la structure qui lie les données (fichier visit.json).

La traduction informatique de cette visite guidée va être réalisée par l'écriture de plusieurs applications qui ont en commun le fait d'être des PWA (Progressive Web Applications). Rappelons en quelques phrases l'intérêt du choix des PWA.
    - Code unique : Une PWA utilise une seule base de code (HTML, CSS, JavaScript) pour toutes les plateformes (web, mobile, desktop).
    - Pas de store d'applications obligatoire : L'utilisateur peut installer la PWA directement depuis le navigateur, sans passer par l'App Store ou Google Play, simplifiant le processus d'adoption.
    - Légèreté : Les PWA sont souvent beaucoup plus légères que les applications natives.
    - Vitesse et performance : Les PWA sont conçues pour être rapides et réactives.
    - Fonctionnement hors ligne (ou avec connexion limitée) : Grâce aux Service Workers, elles peuvent mettre en cache du contenu et fonctionner même sans connexion Internet ou avec une connexion instable.
    - Partage facilité : Elles peuvent être lancées et partagées via un simple lien URL.

Pour bâtir les applications, les robots générateurs de code sont essentiels (ChatGPT, Claude, Gemini, Grok, Github Copilot, Perplexity ...). Leur rôle a été déterminant.

La construction de la visite à partir des POIs est basée sur 3 applications accessibles sur le dépôt Github :
    - editpoih : construction des POI
    - modifpoi : correction et déplacement des POIs
    - ordonnepoi : tri les POI selon la latitude ou la longitude

La visualisation de la visite est réalisée par :
    - visupoicd : visite virtuelle ou visite guidée

Une fois que l'application est lancée dans le navigateur (Chrome, Firefox, Safari ...), il est possible de l'installer. Selon le navigateur et le type de plateforme, le processus d'installation est différent. Il peut s'agir d'une icône particulière à côté de la barre d'URL ou d'une option accessible par l'icône "trois points" ou hamburger. L'application apparaît avec son icône sur la page d'accueil et dans la liste des applications installées.

Comment utiliser editpoih
1) Donner un nom à la visite renfermant les POIs.
Remarquer tout de suite qu'il est possible de reprendre une visite déjà commencée et pour laquelle on ajoute des POIs supplémentaire. Cette visite préliminaire est un fichier .zip.
2) Donner un titre au POI sur lequel on va travailler.
3) Deux champs d'entrée qui permettent de fixer la latitude et la longitude du POI. Ces champs peuvent être remplis de 3 manières :
    - automatiquement par importation d'une photogéolocalisée (métadonnées EXIF)
    - par positionnement manuel d'un marqueur sur la carte OSM
    - par remplissage manuel (format degrés décimaux, avec point décimal).
La géolocalisation est obligatoire de quelque manière que ce soit.
4) Remplissage d'un commentaire textuel.
5) Importation d'un fichier audio MP3.
6) Importation d'une vidéo MP4
7) Quand toutes les données sont introduites, on clique sur le bouton "Ajouter ce POI".
Ce POI apparaît alors dans la liste des POIs validés, dans la colonne de droite.
8) On recommence avec l'introduction d'un nouveau POI, autant de fois qu'il y a de POIs prévus.
9) Quand  tous les POIs sont validés, on sauvegarde la visite sous la forme d'un fichier Zip.

Les POIs apparaissent dans la liste dans l'ordre dans lequel ils ont été introduits.
Par glisser/déposer, on peut modifier cet ordre.
On peut également éditer de nouveau un POI de la liste ou le supprimer.

Comment utiliser modifpoi
Il est fréquent qu'une photo ait été mal géolocalisée par le GPS inetrne du smartphone. Le marqueur du POI se trouve positionné sur la carte au maivais endroit.
A l'aide de la carte, on déplace le marqueut fautif au bon enfroit. On sauvegarde le fichier modifié.

Comment utiliser ordonnepoi
Les POIs sont souvent entrés dans un ordre indifférent à leur ordonnancement géographique.
Si la visite est linéaire, il est possible de réorganiser les POIs selon la latitude ou selon la longitude.
Comme les marqueurs sont numérotés, il est alors plus facile de suivre la progression sur le terrain.

Comment utiliser visupoicd

Alors que la construction des POIs se prépare essentiellement sur Desktop (ordinateur), la visualisation des POIs est intrinséquement plus adaptée aux situations de mobilité externe et donc au smartphone. Visupoicd peut fonctionner sur PC ou sur Mac, mais on reste dans la virtualité.
On insistera donc sur les propriétés de l'application installée sur un smartphone (Android ou iOS).

A l'ouverture de l'application, il n'est demandé que de charger un fichier .zip.
Ce fichier .zip qui peut atteindre des dizaines ou des centaines de mégaoctets aura été précédemment sauvegardé dans un dossier facilement accessible. Sa taille interdit généralement d'être transmis par mél. On utilisera à cet effet des plateformes de transfert de fichiers lourds ou un Drive dans le cloud.
Si la visite comporte de nombreux POIs et des fichiers média lourds, alors l'importation peut demander un certain temps.

Une carte s'affiche présentant une suite numérotée de marqueurs de POIs. Normalement, tous les POIs sont représentés et correspondent à une certaine échelle. Il est possible de zoomer pour grossir et mieux distinguer individuellement les POIs..
Un clic sur un marqueur de POI enttraîne l'ouverture d'une popup (petite fenêtre attachée au point).
Si vous déplacez la carte (glisser), vous constatez que votre position géographique actuelle est figurée par un gros marqueur rouge pulsant. En zoomant dessus, vous verrez les détails de topographie ou d'architecture apparaître.
Dans la popup sont figurés :
    - le titre du POI,
    - sa latitude et sa longitude
    - un commentaire (facultatif)
    - une photo (facultative)
    - un lecteur audio (facultatif)
    - un lecteur vidéo (facultatif)
    - une distance en mètres vous séparant du POI
    - un azimut en degrés par rapport au Nord vers le POI sélectionné.
La distance et l'azimut sont mis à jour à mesure que vous vous déplacez. On peut ainsi se rapprocher progressivement du POI en tenant compte de l'évolution de la distance.

Si une photo est présente dans la popup, un simple clic sur cette photo ouvre une "lightbox" zoomable.
Ceci permet d'observer des détails précis à l'intérieur de la photo. Une croix de fermeture permet de faire disparaître la lightbox.
__________________________________

Pour aider à l'optimisation des photos apparaissant dans les POIs, une petite application PWA a été créée :

    - optimiseur
________________________________________

Pour vérifier si une photo est correctement géolocalisée dans ses données EXIF