используя http://code.google.com/p/jquery-ui-map/

Question

используя jquery-ui-map

вот мой код

$(document).ready(function() {$('#map_canvas').gmap({ 'center': new google.maps.LatLng(3.162456,21.09375), 'zoom': 2, 'streetViewControl': false, 'callback': 
    function() {
        $('#map_canvas').gmap('loadHTML', 'microformat', '.importers', function(markerOpts, node, index) {
            var clone = $(node);
            // We have to add a callback in the addmarker method so we can access the marker just added
            var name = $(node).find('.name');   
            var icon = $(node).find('.icon');   
            $('#map_canvas').gmap('addMarker', jQuery.extend({ 'title': name.html(), 'icon':new google.maps.MarkerImage(icon.html())}, markerOpts), function(map, marker) {
                $(name).click( function() {
                $(marker).triggerEvent('click');
                    return false;
                }); 
            }).click(function() {
                $('.reveal').removeClass('reveal');
                $(this).get(0).map.panTo($(this).get(0).position);                 
                $(clone).toggleClass('reveal');
                //need to wait till pan has complete before doing zoom!            

                });
              });
            }
        });
    });

в тот момент, когда вы нажимаете на рынок, он перемещается в свою позицию

То, что я хочу сделать, также zoomin, я пытался просто добавить

$(this).get(0).map.setZoom(5, true);       

, но это означает, что панорамирование не работает, он просто прыгает прямо к уровню масштабирования, как мне его получитьзапустить $ (this) .get (0) .map.setZoom (5, true);после панорамирования?

заранее спасибо

Answer 1

$('#map_canvas').gmap('addMarker').click(function() {
    $(this).get(0).map.panTo($(this).get(0).position);
    var self = $(this).get(0);
    setTimeout(function() { self.map.setCenter(self.position); self.map.setZoom(15); }, 2000);
});

Это был бы простой способ установить масштаб после панорамирования.