Xác định một zoom mặc định khác nhau cho bản đồ JQuery UI ngay cả với marker

Question

Tôi đã được nhặt rác trên web cho một câu trả lời cho câu hỏi này nhưng về cơ bản, tôi muốn mã dưới đây để thực hiện chính xác những gì nó làm ....

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

Tuy nhiên, xem bản đồ này là để phóng to và tôi muốn để có thể kiểm soát nó chưa giữ nó trong phạm vi. Tôi đã thử sử dụng:

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

chức năng dưới đây nhưng nó không khác gì. Làm cách nào để kiểm soát chế độ thu phóng mặc định của bản đồ trước khi người dùng nhấp hoặc kéo bất kỳ thứ gì?

Cảm ơn!

Answer 1

Cách dễ nhất tôi tìm thấy là truy cập jquery.ui.map.js và thay đổi cài đặt mặc định ở đó. Dễ thôi. Tôi đặt mỏ của tôi thành 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

Đặt thu phóng trong gmap contructor ({zoom: 7}). Nếu bạn đặt thuộc tính giới hạn thành true trong phương thức addMarker, nó sẽ ghi đè lên bất kỳ bộ thu phóng trước đó ở bất kỳ vị trí nào (theo tùy chọn hoặc trong hàm tạo). Ví dụ về cách thiết lập zoom và thiết lập các giới hạn 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}); 
}); 

Thay đổi 'giới hạn' false bất cứ khi nào bạn thêm một dấu hiệu. Sau đó, bạn có thể đặt bất kỳ mức thu phóng nào bạn thích.