Aumentar / disminuir el valor de zoom
Puede aumentar o disminuir el valor de zoom de un mapa mediante la modificación del valor del zoom atributo en las opciones de los mapas.
Sintaxis
Podemos aumentar o disminuir el valor de zoom del mapa utilizando la opción de zoom. A continuación se realiza la sintaxis para cambiar el valor de zoom del mapa actual.
var mapOptions = {
zoom:required zoom value
};
Ejemplo: Zoom 6
El siguiente código mostrará la hoja de ruta de la ciudad Visakhapatnam con un valor de zoom de 6.
<!DOCTYPE html>
<html>
<head>
<script src = "http://maps.googleapis.com/maps/api/js"></script>
<script>
function loadMap() {
var mapOptions = {
center:new google.maps.LatLng(17.609993, 83.221436),
zoom:6,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("sample"),mapOptions);
}
</script>
</head>
<body onload = "loadMap()">
<div id = "sample" style = "width:587px; height:400px;"></div>
</body>
</html>
Se producirá la siguiente salida -
Ejemplo: Zoom 10
El siguiente código mostrará la hoja de ruta de la ciudad Visakhapatnam con un valor de zoom de 10.
<!DOCTYPE html>
<html>
<head>
<script src = "http://maps.googleapis.com/maps/api/js"></script>
<script>
function loadMap() {
var mapOptions = {
center:new google.maps.LatLng(17.609993, 83.221436),
zoom:10,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("sample"),mapOptions);
}
</script>
</head>
<body onload = "loadMap()">
<div id = "sample" style = "width:587px; height:400px;"></div>
</body>
</html>
Se producirá la siguiente salida -
No hay comentarios.:
Publicar un comentario