Nous présentons aujourd’hui notre premier serveur de tuiles ouvert à la communauté: un serveur de tuiles belges avec un style adapté pour le vélo -> http://tiles.champs-libres.be/!

Les tuiles sont disponibles uniquement sur le territoire de la Belgique, avec le style cyclosm, spécialement étudié pour la pratique du vélo à la fois en ville et à la campagne.

La particularité de ce style cartographique est qu’il est fait pour faciliter la compréhension du territoire pour les cyclistes. A faible niveau de zoom, les pistes cyclables, les sites propres (RAVEL, …) et les points-noeuds y sont bien mis en évidence, de quoi planifier de circuits longues distances ou du cyclotourisme. A plus grand niveau de zoom, les zones 30, sens unique limité, … et autres infos utiles pour les cyclistes en ville apparaissent clairement.

Mais notre serveur de tuilles est davantage qu’une simple implémentation du style cyclosm: nous avons utilisé pour cette carte générée pour la Belgique des données de relief plus précises que les produits disponibles à l’‘échelle globale. Les courbes de niveaux et la couche d’ombrage du relief hillshade sont tirés des modèles numériques de terrain à haute résolution de la région flamande et wallonne, si bien que le rendu du relief est meilleur que sur les tuiles disponibles sur cyclosm.org.

Le résultat est bien visible pour cet extrait du sud de Liège, avec cyclosm global à gauche, et le cyclosm “wallon” à droite.

Un extrait de cyclosm de cyclosm.org (gauche) comparé au cyclosm “belge” (droite)

Installation via des scripts ansible

Comme pour nos autres serveurs de tuiles, nous avons utilisé des recettes ansible pour l’installation de ce serveur cyclosm. Les recettes permettent d’automatiser l’installation sur n’importe quel serveur adéquat, et de répliquer ces installations facilement. Les scripts sont disponibles sous licence open-source MIT ici pour la préparation du serveur et là pour l’import.

Paramètres techniques

Adresse des tuiles

Pour ré-utiliser les tuiles, vous pouvez utiliser le pattern suivant: https://{s}.tiles.champs-libres.be/cyclosm/{z}/{x}{y}.png. Comme dans le code ci-dessous, en utilisant Leaflet:

const map = L.map('map').setView([50.4771, 4.8748], 13);

const baseMaps = {
	CYCLOSM: L.tileLayer('https://{s}.tiles.champs-libres.be/cyclosm/{z}/{x}/{y}.png', {
		attribution: '&copy; OpenStreetMap contributors; MNT 2013-2014 &copy; SPW; DHM Vlaanderen II &copy; Vlaanderen. Tiles courtesy of <a href="https://www.champs-libres.coop">Champs-Libres</a>.'
        }),
    };

baseMaps.CYCLOSM.addTo(map);

L.control.layers(baseMaps).addTo(map);

Le code source complet peut être visualisé sur cette page.

Conditions d’utilisation

Vous pouvez utiliser ces tuiles dans vos applications web, pour autant que cet usage soit raisonnable.

Pour respecter la licence des données utilisées, n’oubliez pasde mentionner les auteurs de celles ci, soit:

© OpenStreetMap contributors; MNT 2013-2014 © SPW; DHM Vlaanderen II © Vlaanderen. Tiles courtesy of Champs-Libres.

S’il vous plait, faites-nous un petit coucou si vous utilisez ces tuiles!

Bonne rentrée à vélo!