Carte OpenStreetMap avec un marqueur centré


La carte est centrée sur la ville de Paris et balisée par un marqueur rouge. J'ai choisi de positionner le marqueur avec des coordonnées de longitude et de latitude identiques de celles du point de centrage de la carte mais vous pourrez facilement modifier ces paramètres.

DEMO Carte OpenStreetMap avec un marqueur

Exemple de code javascript pour cette carte


<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
  <script>
    map = new OpenLayers.Map("carte");
    map.addLayer(new OpenLayers.Layer.OSM());
 
    var lonLat = new OpenLayers.LonLat( 2.341303,48.855141 )
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );
 
    var zoom=12;
 
    var markers = new OpenLayers.Layer.Markers( "Markers" );
    map.addLayer(markers);
 
    markers.addMarker(new OpenLayers.Marker(lonLat));
 
    map.setCenter (lonLat, zoom);
  </script>

Téléchargez le fichier de cette démonstration et adaptez le à votre convenance en modifiant les coordonnées de latitude et longitude afin de centrer la carte ainsi que le zoom pour mieux situer la vue.





Entrez votre adresse mail:

Vous pouvez télécharger le code et le fichier HTML de cette démonstration avec le zip suivant : CarteMarqueurCentrer.zip


0462213