Abajo coloco lo que se necesita con su correspondiente comentario para colocar un marcador en el mapa.
// Se instancia el layer Markers.
layer_marcador = new OpenLayers.Layer.Markers( "Marcador" );
// Agregar el layer marcador al mapa.
mapa.addLayer(layer_marcador);
tamanio = new OpenLayers.Size(21, 25);
offset = new OpenLayers.Pixel(-(tamanio.w / 2), -tamanio.h);
// Icono del marcador.
icono = new OpenLayers.Icon('../libs/OpenLayers-2.11/img/marker.png', tamanio, offset);
// Se agrega un marcador en el Layer de marcadores.
layer_marcador.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-57.58462, -25.31699).transform(
fromProjection, // Transformar from WGS 1984
toProjection // a Spherical Mercator Projection.
), icono));
// Se agrega otro marcador en el Layer de marcadores.
layer_marcador.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-57.56408, -25.31596).transform(
fromProjection, // Transformar from WGS 1984
toProjection // a Spherical Mercator Projection.
), icono.clone()));
// Se agrega otro marcador en el Layer de marcadores.
layer_marcador.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-57.60558, -25.32612).transform(
fromProjection, // Transformar from WGS 1984
toProjection // a Spherical Mercator Projection.
), icono.clone()));
// Se agrega otro marcador en el Layer de marcadores.
layer_marcador.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-57.60992, -25.30463).transform(
fromProjection, // Transformar from WGS 1984
toProjection // a Spherical Mercator Projection.
), icono.clone()));
Ven lo fácil que es colocar varios marcadores en el mapa.
Para ver la documentación.
OBS:
- Tienen que notar que después de crear el icono para un marcador, el resto de los nuevos marcadores se utiliza el método clone de icono.
- El mapa utilizado es OpenStreetMap
- La versión del OpenLayers es 2.11
Descargar: Código Fuente
2 comentarios:
Gracias me salvo de una trasnochada la HP
grande master !!!! me salvaste la vida !! jajajjaa saludos desde CHILE
Publicar un comentario
Expresate y se crítico en tu vida. XD