Linea de Codigo

Para poner un icono dentro de Google Maps lo que tenemos que hacer es poner una marca. La marca está representada mediante la clase GMarker.

Los primeros pasos son los de siempre y que podéis leer detenidamente en Cargando Google Maps. Si bien, resumidamente, consisten en:

1. Cargar Google Maps

<script src="http://maps.google.com/maps?file=api&v=2&key=miclave" type="text/javascript"></script>

2. Definir un área para el mapa

 
<div id="mapa" style="width: 400px; height: 300px;"></div>
 
</script>

3. Instanciar el mapa

if (GBrowserIsCompatible()) {
  map = new GMap(document.getElementById("mapa"));
  map.setCenter(new GLatLng(40.655997,-4.700518), 15);
 }

Lo siguiente que pasaremos a realizar será la carga del icono dentro de Google Maps. Para ello creamos una instancia de la clase GMarker.

 
var marker =   new GMarker(new GLatLng(40.655997,-4.700518));
 

La clase GMarker recibe como parámetro un punto: ya sea relativo al mapa (GPoint) o una Latitud-Longitud (GlatLng). En nuestro caso nos hemos decantado por la segunda opción y hemos pasado como parámetro de la clase GMarker una clase GlatLng.

Una vez creada la marca tendremos que insertarla dentro del mapa. Para ello utilizamos el método .addOverlay() de la clase GMap2. Finalmente nos quedan dos líneas de código muy sencillas, las cuales nos permiten poner un icono dentro de Google Maps.

 
var marker =   new GMarker(new GLatLng(40.655997,-4.700518));
map.addOverlay(marker);