Aller au contenu

Hillshading or not#

📆 Date de publication initiale : 24 novembre 2010

Mots-clés : Google Maps | OpenStreetMap | ombrage | hillshading

Imagimap HillshadingVous 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 !

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


Auteur#

Portait de GeoTribu 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 !


Dernière mise à jour: 3 juin 2021
Contributions à cette page : TestGTR

Commentaires

Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.