Le blog francophone consacré
aux technologies Esri

APIs Web ArcGIS : il va vous arriver des tuiles !


Avec la version 3.2 de l'API Javascript ArcGIS sortie en septembre dernier et la version 3.1 de l'API Flex ArcGIS sortie mi-décembre dernier, le développeur peut ajouter à la carte ArcGIS des couches tuilées issues de caches divers et variés. La classe s'appelle WebTiledLayer dans les deux environnements et est suffisamment souple pour être paramétrée facilement à tous les types classiques de pyramides de tuiles cartographiques que l'on trouve sur le Web actuellement.

En clair, les applications Web construites sur ces API peuvent désormais accéder aux cartes Cloudmade, Mapbox, OpenStreetmap, OpenCycleMap et aux cartes Stamen, pour ne citer que ces quelques exemples. Le tout bien sur en laissant au développeur le soin de le faire en accord avec les conditions de diffusion des fournisseurs de contenus...

Une couche de type WebTiledLayer est paramétrée principalement par une URL d'accès. Celle-ci est de la forme :

http://${subDomain}.domaine.com/...chemin.../${level}/${col}/${row}.jpg

Les paramètres de l'URL sont au nombre de 4 :

- ${subDomain} : permet de spécifier des sous-domaines utilisés pour contourner les limitations de nombre de requêtes simultanées des navigateurs Web par "rotation" des requêtes de sous-domaine en sous-domaine pour récupérer les tuiles. A noter qu'une liste de serveurs (sous-domaine.domaine) additionnels pour l'accès aux tuiles est aussi paramétrable dans les options de la couche.

- ${level} : niveau de zoom (ou niveau de la pyramide)

- ${col} : colonne de la tuile recherchée

- ${row} : ligne de la tuile recherchée

Pour de détails, voir les aides en ligne des API :
- Javascript : http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/webtiledlayer.htm
- Flex : http://resources.arcgis.com/en/help/flex-api/apiref/com/esri/ags/layers/WebTiledLayer.html

Un bel exemple d'utilisation est la mise en place d'une application Javascript accédant à la magnifique carte Watercolor de Stamen. Cette carte est un exemple exceptionnel de design cartographique innovant et artistique bati sur les données OpenStreetMap. Le design de Stamen sur cette carte est basé sur une colorisation "à l'aquarelle" des éléments cartographiques OpenStreetMap et même si les usages restent certainement limités, cette carte est fantastique !

Pour la configurer dans une application Javascript ArcGIS :

- On définit un WebTileLayer avec l'URL suivante :

http://${subDomain}.tile.stamen.com/watercolor/${level}/${col}/${row}.jpg

- on définit les sous-domaines suivants : "a", "b", "c", "d"

- ce qui donne la ligne de javascript suivante :

var waterColor = new esri.layers.WebTiledLayer(
   "http://${subDomain}.tile.stamen.com/watercolor/${level}/${col}/${row}.jpg",
  { "id": "Stamen Watercolor",
  "subDomains": ["a", "b", "c", "d"],
  "copyright" : "Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA."}
);

L'application Javascript est intégrée ci-dessous dans cet article et vous pouvez aussi y accéder à l'adresse suivante : http://apps.arcorama.fr/stamen/index.html



En conclusion, la panoplie des données utilisables dans les cartes Web ArcGIS s'élargit de plus en plus. Au delà des services ArcGIS eux-même, après le KML et le WMS, supportés depuis longtemps, l'actualité des APIs Web ArcGIS est la prise en charge de ces cartes tuilées avec la classe WebTiledLayer ainsi que du WMTS et du GeoRSS, autres nouveautés de la dernière génération des APIs Web ArcGIS.

Partager cet article:

Rejoindre la discussion

    Les commentaires à propos de cet article:

2 comments :

T FonT a dit…

Est ce que cela augure d'une compatibilité de la visionneuse d'Arcgis Online avec WMTS?

Christophe Tourret a dit…

Effectivement, cela ne va pas tarder ! L'API Javascript ArcGIS supporte WMTS depuis la version 2.4.