Aller au contenu

Hillshading or not#

📆 Date de publication initiale : 24 novembre 2010

Imagimap Hillshading

Vous reprendrez bien un peu d'ombrage ... Je trouve les rendus OSM ou Google Maps un peu trop lisse à mon goût.
Par contre, j'aime bien le relief que propose la vue TERRAIN de Google ; alors comment concilier les rendus Mapnik et Google Maps normal avec de l'ombrage ?

Pour cela, nous avons utilisé les bibliothèques ExtJS, GeoExt et OpenLayers pour avoir une mise en page sympathique des 4 cartes. Une synchronisation a été mise en place afin d'avoir une vue simultanée sur chacune.
L'ombrage a quant à lui été ajouté à la carto en utilisant la classe Layer TMS d'OpenLayers et d'une fonction de récupération d'URL :

function osm_getTileURL(bounds) {
 var res = this.map.getResolution();
 var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
 var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
 var z = this.map.getZoom();
 var limit = Math.pow(2, z);

 if (y < 0 || y >= limit) {
  return OpenLayers.Util.getImagesLocation() + "404.png";
 } else {
  x = ((x % limit) + limit) % limit;
  return this.url + z + "/" + x + "/" + y + "." + this.type;
 }
}

Les tuiles nous ont été fournies par Hike & Bike Map. Merci à Colin !

Hillshading

Cliquez sur l'image pour lancer l'application :-)


Auteur·ice#

L'équipe Geotribu#

Portait de GeoTribu

Toute l'actualité de la géomatique Open Source ! Mais aussi des tutoriels, des billets de blog, des tests et surtout une bonne humeur géographique !

Commentaires

Afin de favoriser les échanges constructifs, merci de préférer le pseudonymat à l'anonymat. Pour rappel, l'adresse mail n'est pas exposée publiquement et sert principalement aux notifications de réponse. Les commentaires sont automatiquement republiés sur nos réseaux sociaux pour favoriser la discussion. Consulter la page sur la confidentialité et les données personnelles.
Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.

Ce contenu est sous licence Creative Commons BY-NC-SA 4.0 International Pictogramme Creative Commons Pictogramme Creative Commons BY Pictogramme Creative Commons NC Pictogramme Creative Commons SA