Gmaps4rails V2 - изменить масштаб по умолчанию

Question

Я полный noob, создавая первое приложение для рельсов. Я успешно реализовал Google-maps-for-rails V2, используя учебник apneadiving на youtube: http://www.youtube.com/watch?v=R0l-7en3dUw&feature=youtu.be

Моя проблема в том, что для каждой из моих карт я показываю только один маркер, и когда карта загружается, она настраивается на полностью масштабироваться.

Поиск вокруг, кажется, существует множество решений для более ранних версий Gmaps4rails, но с V2 и созданием карты через javascript я не могу найти решение, которое работает.

Для справки, мой код ниже:

Вид:

<script type="text/javascript"> 
     handler = Gmaps.build('Google'); 
     handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){ 
     markers = handler.addMarkers(<%=raw @hash.to_json %>); 
     handler.bounds.extendWith(markers); 
     handler.fitMapToBounds(); 
     }); </script> 

Контроллер:

def show 
    @pins = Pin.find(params[:id]) 
    @hash = Gmaps4rails.build_markers(@pins) do |pin, marker| 
    marker.lat pin.latitude 
    marker.lng pin.longitude 
    end 
end 

Я попытался сделать изменения с помощью консоли с помощью: gmap.setzoom (12), как было предложено некоторым сообщением, но с этим не повезло.

Любая помощь очень ценится

ответа, который работал на меня: взгляд изменение:

<script type="text/javascript"> 
    handler = Gmaps.build('Google'); 
    handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){ 
    markers = handler.addMarkers(<%=raw @hash.to_json %>); 
    handler.bounds.extendWith(markers); 
    handler.fitMapToBounds(); 
    handler.getMap().setZoom(12); 
    }); </script> 

Спасибо за помощь!

Answer 1

удалить:

handler.fitMapToBounds(); 

Заменить:

handler.getMap().setZoom(yourValue); 

Answer 2

Just Try This, 

<script type="text/javascript"> 
     handler = Gmaps.build('Google'); 
     handler.buildMap({ provider: { Zoom: 3 }, internal: {id: 'map'}}, function(){ 
     markers = handler.addMarkers(<%=raw @hash.to_json %>); 
     handler.bounds.extendWith(markers); 
     handler.fitMapToBounds(); 
     }); </script> 

ИЛИ

handler.getMap().setZoom(yourValue); 

Он должен работать .....

Answer 3

Другой вариант заключается в использовании handler.map.centerOn (маркер):

 handler = Gmaps.build('Google'); 
     handler.buildMap({ 
     provider: { 
     draggable: false, 
     Zoom: 15 
     }, 
     internal: { 
     id: 'map' 
     } 
    }, 
    function(){ 
     marker = handler.addMarker(
     { 
      "lat": lat, 
      "lng": lng, 
      "picture": { 
      "url": "https://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png", 
      "width": 36, 
      "height": 36 
      }, 
      "infowindow": "hello!" 
     } 
    ); 
     handler.map.centerOn(marker); 
    } 
);