Utiliser HERE Maps comme fournisseur de tuiles avec Leaflet

n°16

Web, Javascript

10 sept 2018

Une bonne alternative aux fournisseurs habituels que sont Google Maps ou OpenStreetMaps est Here Maps (ex-Nokia, aujourd'hui détenu par les constructeurs automobile allemands, ). D'expérience c'est un peu plus lent que Google Maps mais on évite la publicité déguisée. Les cartes sont claires et le graphisme élégant.

var HereMaps = L.tileLayer(''https://{s}.aerial.maps.api.here.com/maptile/2.1/maptile/newest/terrain.day/{z}/{x}/{y}/256/png8?app_id=VgTVFr1a0ft1qGcLCVJ6&app_code=LJXqQ8ErW71UsRUK3R33Ow', {
    maxZoom: 20,
    subdomains:['1','2','3','4'],
    attribution: '&copy; HERE'
});

HereMaps.addTo(map);

Plus d'information sur la construction de la requète, voir la documentation de HERE.

Les codes (jeton) API app_code et app_id utilisés ici sont ceux de la carte de la page d'accueil de HERE. C'est très probablement interdit de l'utiliser pour vos projets et risque de changer dans le temps. A noter que HERE propose un service gratuit sous 250 000 transactions par an pour vous procurer vos propres codes.

Pour info, pour récupérer les codes API courants de la carte publique HERE, le plus simple est d'écouter les requêtes serveurs en naviguant sur la page. Faites Ctrl+Maj+I, onglet Réseau, déplacez vous sur la carte et regardez les adresses des tuiles qui chargent.

Mise à jour : adresse mise à jour au 29/11/20.