Tema: Cómo definir el ZOOM en GoggleMaps ???
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/01/2015, 10:45
txemaarbulo
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Cómo definir el ZOOM en GoggleMaps ???
Cita:
Iniciado por lauser Ver Mensaje
En vez de usar el iframe que te da goodle maps, usa un script de este tipo ...
lauser
Sería lo recomendable. Pero ya que Google Maps permite insertar un mapa mediante <iframe>, le presentaba a julia2021 la opción de corrección de zoom.

A pzin no le fallaba la memoria ya que son 20 niveles de zoom en satélite (de 0 a 19, ambos incluídos) y 22 en relieve (0 a 21)

Sobre la recomendación de lauser, se puede reducir el código (simplificando los estilos del mapa ya que es todo un capítulo). El código completo sobre un mapa simple publicado por https://developers.google.com/maps/d...p-simple?hl=es sería:

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>Simple Map</title>
  5.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  6.     <meta charset="utf-8">
  7.     <style>
  8.       html, body, #map-canvas {
  9.         height: 100%;
  10.         margin: 0px;
  11.         padding: 0px
  12.       }
  13.     </style>
  14.     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
  15.     <script>
  16. var map;
  17. function initialize() {
  18.   var mapOptions = {
  19.     zoom: 8,
  20.     center: new google.maps.LatLng(-34.397, 150.644)
  21.   };
  22.   map = new google.maps.Map(document.getElementById('map-canvas'),
  23.       mapOptions);
  24. }
  25.  
  26. google.maps.event.addDomListener(window, 'load', initialize);
  27.  
  28.     </script>
  29.   </head>
  30.   <body>
  31.     <div id="map-canvas"></div>
  32.   </body>
  33. </html>

(Lo aclaro, ya que en vez del <iframe> debe ir <div id="map-canvas"></div>)