Proveu el següent mapa interactiu, fet amb l'API de Google Maps i cartografia de l'ICC.

Per a utilitzar l'API de Google Maps són necessaris uns mínims coneixements d'HTML i javascript.

A continuació s'explica la connexió amb els servidors ICC de TileCache per a Google Maps (EPSG:3857), però també hi ha la possibilitat d'utilitzar l'estàndard WMS (vegeu els serveis WMS de cartografia raster disponibles), que ofereix més capes però pot resultar més lent.

API Google Maps v3

Per a utilitzar cartografia de l'ICC amb l'API v3 cal afegir el següent codi:

var topo3857 = new google.maps.ImageMapType({ 
getTileUrl: function(coord, zoom) { 
  return "http://norma.icc.cat/tilecache/tilecache.py/1.0.0/topo3857/"+zoom+"/"+coord.x+"/"+coord.y+
  ".png?type=google";},
  tileSize: new google.maps.Size(256, 256), 
  maxZoom:18, 
  minZoom:8, 
  isPng: true, 
  name: 'TopoICC', 
  credit: 'ICC'
}); 
 
map.mapTypes.set('topoICC', topo3857);
map.setMapTypeId('topoICC');

Exemple (codi) | Funcionalitats addicionals | Documentació API v3

API Google Maps v2

Per a utilitzar cartografia de l'ICC amb l'API v2 cal afegir el següent codi:

var copyCollection = new GCopyrightCollection('ICC');
var copyright = new GCopyright(1, mapBounds, 7, "© Institut Cartogràfic de Catalunya");
copyCollection.addCopyright(copyright);
 
// topo3857
topo = new GTileLayer(copyCollection,8,18,{
  tileUrlTemplate: 'http://norma.icc.cat/tilecache/tilecache.py/1.0.0/topo3857/{Z}/{X}/{Y}.png?type=
  google',
  isPng: true,
  opacity: 1.0
}); 
 
// Opcio 1: mapa ICC + mapa Google 
tilelayers_topo = [G_NORMAL_MAP.getTileLayers()[0],topo]; 
tilelayers_topo[1].getCopyright = function(a,b) {
  var c = copyCollection.getCopyrightNotice(a,b);
  if (!c) {
    c = G_NORMAL_MAP.getTileLayers()[0].getCopyright(a,b);
  }
  return c;
}
 
// Opcio 2: Només mapa ICC
//tilelayers_topo = [topo]; 
 
mapICC_Topo = new GMapType(tilelayers_topo, G_NORMAL_MAP.getProjection(), "TopoICC",{ 
errorMessage:"No ICC data available" });
 
map.addMapType(mapICC_Topo);
map.setMapType(mapICC_Topo);

Exemple (codi) | Funcionalitats addicionals | Documentació API v2