Cambiar zoom con evento de etiqueta html
Soy un principiante en GMaps API y javascript, por lo que esta debería ser una pregunta fácil para usted que sea realmente un experto. Empecé a "jugar" con la API y quería probar algo simple, ¡pero no pude hacerlo! Busqué la respuesta, pero no la obtuve. He creado el mapa:
<script type="text/javascript">
function initialize() {
//CREATE THE MAP
var mapOptions = {
center: new google.maps.LatLng(-35.8190,-61.9010),
zoom: 15,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
//GET THE ZOOM
var ez = map.getZoom();
//TRYING TO CHANGE ZOOM FROM EXTERNAL LINK (DOESN'T WORK)
function cambiarZOOM(nro) {
var newZ = ez + nro;
map.setZoom(newZ);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Ahora, el HTML:
<html><body onload="initialize()">
<input type="button" onclick="cambiarZOOM(5)" value="CAMBIAR ZOOM">
</body></html>
Bueno, ahora estoy leyendo sobre google.maps.trigger (); Pero no lo entiendo. Apreciaré mucho tu respuesta !. ¡GRACIAS!