Mise en place d’un serveur de tuiles pour cartes sur Cloudflare R2

Objectifs

• Télécharger des tuiles pour une zone géographique et une plage de niveaux de zoom donnés.
• Héberger ces tuiles dans un bucket Cloudflare R2 afin qu’elles soient accessibles en HTTP(S) (style /z/x/y.webp ou /z/x/y.png).
• Brancher ces tuiles dans l’application de démonstration (MapLibre) fournie par l’équipe, afin de valider l’affichage.

Rclone

Configuration de rclone

Après avoir installé rclone. Extraire les fichier du dossier .zip.

• Ensuite avec l'invite de commande il faut aller dans le dossier de rclone et lancer la commande rclone. (spécifié le nom voulu pour votre remote)
• Après avoir spécifié le nom veuillez entrer votre option de storage. (s3)
• Par la suite vous devez spécifier le provider. (Cloudflare)
• Puis pour l'option env_auth. (False)
• Ensuite veuillez entrer votre clé Access Key Id.
• Puis faite de même pour la secret access key. (Toute ces clé se retrouve quand vous créé un accès sur cloudflare)
• Pour la région il faut mettre auto.
• Puis mettre l'endpoint récupéré en même temps que les access key.
• Enfin ne pas aller dans les paramètre avancé.

Envoie des tuiles sur Cloudflare

Voici la commande à éxécuter pour envoyer sur Cloudflare les tuiles de la suisse.
"C:\work\crawler_finale\tiles" c'est ou se trouve les tuiles sur votre ordinateur.
"tilesR2:tiles" c'est le remote à utiliser avec le dossier à viser.

rclone sync C:\work\crawler_finale\tiles tilesR2:tiles --progress

Si vous devez supprimer des dossier ou fichier sur Cloudflare vous pouvez utiliser ces deux commande rclone.
Cette commande vas supprimer le dossier 1 dans tiles sur Cloudflare avec son contenu.

rclone purge tilesR2:tiles/1 

Cette commande vas supprimer le fichier que vous voulez.

rclone deletefile tilesR2:tiles/fond_ecran_vert.png

Code html-json pour la map suisse

Changement pour le fichier html

Il suffit de changer la route pour votre fichier json.

Chamgement pour le fichier json

Pour le fichier json il suffit aussi de changer url pour vos tuiles qui sont stocké sur Cloudflare.

• Un problème à été rencontrer en chemin et au lieux de changer la config du corse. J'ai fait un server web local.

python -m http.server 8000

Lien pour aller sur la page web. http://localhost:8000/index.html