Definir un zoom predeterminado diferente para el mapa de jQuery UI, incluso con marcador

Question

Se me ha barrido de la web de una respuesta a esta pregunta, pero, básicamente, quiero que el código de abajo para hacer exactamente lo que está haciendo ....

 $(function() { 

      $('#map_canvas').gmap().bind('init', function(ev, map) { 
       $('#map_canvas').gmap('addMarker', { 'position': '57.7973333,12.0502107', 'bounds': true }).click(function() { 
        $('#map_canvas').gmap('openInfoWindow', { 'content': '134 Some Street Name, postcode and such' }, this); 
       }); 
      }); 

     }); 

    </script> 

Sin embargo, esta vista de mapa es el zoom y quiero ser capaz de controlar todavía mantenerlo dentro de los límites. He intentado usar:

$ ('# map_canvas'). Gmap ('option', 'zoom', 7);

Abajo funciona pero no es diferente en absoluto. ¿Cómo puedo controlar el zoom predeterminado del mapa antes de que el usuario haya hecho clic o haya arrastrado algo?

Gracias!

Answer 1

La manera más fácil que encontré fue entrar en jquery.ui.map.js y cambiar el conjunto predeterminado allí. Es fácil. Configuré la mía en 15.

options: { 
center: (google.maps) ? new google.maps.LatLng(0.0, 0.0) : null, 
mapTypeId: (google.maps) ? google.maps.MapTypeId.ROADMAP : null, 
zoom: 15 
}, 

Answer 2

Establezca el zoom en el árbol gmap del contructor ({zoom: 7}). Si establece la propiedad de los límites en verdadero en el método addMarker, anulará cualquier conjunto de zoom anterior en cualquier lugar (por opciones o en el constructor). Ejemplo de ajuste del zoom y el establecimiento de los límites de falsa:

$('#map_canvas').gmap({'zoom':7, 'center': '57.7973333,12.0502107'}).bind('init', function(ev, map) { 
       $('#map_canvas').gmap('addMarker', { 'position': map.getCenter(), 'bounds': false}).click(function() { 
        $('#map_canvas').gmap('openInfoWindow', { 'content': '134 Some Street Name, postcode and such' }, this); 
       }); 
      }); 

Answer 3

$(function() { 
     $('#map_canvas').gmap().bind('init', function(ev, map) { 
      $('#map_canvas').gmap('addMarker', { 'position': '57.7973333,12.0502107', 'bounds': false }).click(function() { 
      $('#map_canvas').gmap('openInfoWindow', { 'content': '134 Some Street Name, postcode and such' }, this); 
      }); 
     }); 
     $('#map_canvas').gmap({'zoom': someNumber}); 
}); 

Cambiar los límites '' false Cada vez que añade un marcador. Luego puede establecer el nivel de zoom que desee.