Ver Mensaje Individual
  #6 (permalink)  
Antiguo 23/03/2011, 11:18
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 8 meses
Puntos: 192
Respuesta: Indicar a la API de Google Maps una ubicación concreta

Te pongo un código de ejemplo bastante generalizado. Fijate en las variables que debes cambiar para adaptarlo a tu código. Le puse las opciones más utilizadas como el marcador y el globito de información. Saludos.

Código HTML:
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
	//establecer ubicacion en coordenadas
	var posicion = ['-34.6084175', '-58.3731613']; //<----- indica aqui tus coordenadas [LAT, LONG]
    var latlng = new google.maps.LatLng(posicion[0], posicion[1]);
	
    //opciones generales
	var id_mapa = "map_canvas"; //<----- ID del contenedor de tu mapa
	var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
	//crear globito
	var globito = '<div><strong>Esta ubicacion</strong><br><p>Aca pongo la descripcion de mi ubicacion</p></div>'; //<--- codigo HTML de tu globito
	var infowindow = new google.maps.InfoWindow();
	
	//crear mapa
    var map = new google.maps.Map(document.getElementById(id_mapa), myOptions);
	
	//asignar marcador a map
	marker = new google.maps.Marker({
		position: new google.maps.LatLng(posicion[0], posicion[1]),
		map: map
	});

	 //asignar globito al marcador al hacer click
	google.maps.event.addListener(marker, 'click', (function(marker) {
	return function() {
	  infowindow.setContent(globito);
	  infowindow.open(map, marker);
	}
	})(marker));
}

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:600px; height:600px"></div>
</body>
</html>