Hola
Tengo el tipico mapa de google maps al que le he añadido varios puntos.
Pero ahora me gustaria que al hacer click bien en los puntos, o bien en un link fuera del mapa me ampliase el zoom ha unas coordenadas y zoom concretos.
Me imagino que habria que cambiar el map.setCenter, en la pagina principal de google maps por ejemplo es
:
Código:
map.setCenter(new GLatLng(40.396764,-3.713379), 6);
Habria que cambiarlo a
Código:
map.setCenter(new GLatLng(41.387918,2.171023), 16);
si se quiere ver barcelona a pie de calle, pero no se como
He probado alguna que otra cosa, pero no va ya que no estoy muy enterado en javascript.
espero haberme explicado, saludos y gracias
Pongo el code del ejemplo:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>PRUEBAS MAPA</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=KEYDEGOOGLE"
type="text/javascript">
</script >
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(40.396764,-3.713379), 6);
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GScaleControl());
function addtag(point, address) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(address); } );
return marker;
}
var point = new GLatLng(41.387918,2.171023);
var address = '<div><b>BARCELONA</b></div>';
var marker = addtag(point, address);
map.addOverlay(marker);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 600px; height: 500px"></div>
<a href="nose">aqui un link para ampliar y ver barcelona de cerca</a>
</body>
</html>