RootsLabs

More than a tool ! GitHub Google+ LinkedIn RSS
Vous êtes ici: accueil » dev » js » openlayers

OpenLayers

OpenLayers 2

Tout d'abord, associer le fichier JavaScript : http://www.openlayers.org/api/OpenLayers.js

Créer une carte

// idHTML de l'objet HTML qui contiendra la carte
oMap = new OpenLayers.Map(idHTML);

Ajouter un layer à la carte

oLayerOSM = new OpenLayers.Layer.OSM();
oMap.addLayer(oLayerOSM);

Centrer la carte

// On définit la position de la carte en fonction du position géographique que l'on adapte à la projection géographique utilisé par la map
var oLonLat = new OpenLayers.LonLat(-0.801111, 48.520833).transform(new OpenLayers.Projection("EPSG:4326"), oMap.getProjectionObject());
// On définit le zoom
var iZoom   = 13;
// On centre la carte
oMap.setCenter(oLonLat, iZoom);