Definiowanie inny domyślny zoom dla jQuery UI mapie nawet z markerem

Question

I zostały oczyszczania wstęgi na odpowiedź na to pytanie, ale w zasadzie, chcę poniższy kod, aby zrobić dokładnie to, co robi ....

 $(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> 

jednak ta mapa jest powiększony i chcę móc go kontrolować jeszcze utrzymać w granicach. Próbowałem używać:

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

poniżej funkcji, ale nie robi różnicy. Jak mogę kontrolować domyślne powiększenie mapy, zanim użytkownik kliknie lub przeciągnie coś?

Dzięki!

Answer 1

Najprostszym sposobem, jaki znalazłem, było przejście do jquery.ui.map.js i zmiana tam domyślnego zestawu. To łatwe. Ustawiłem kopalnię na 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

Ustaw powiększenie w gmektorze contructor ({zoom: 7}). Jeśli ustawisz właściwość bounds na true w metodzie addMarker, zastąpi ona wszystkie poprzednie ustawienia zoomu w dowolnym miejscu (przez opcje lub w konstruktorze). Przykład ustawienia zoomu i ustawienie granic false:

$('#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}); 
}); 

zmienić „granice” false kiedy tylko dodać znacznik. Następnie możesz ustawić dowolny poziom powiększenia, który chcesz.