jquery-ui-map cách đặt mức thu phóng

Tôi có mã sau hoạt động tốt, nhưng tôi không thể thêm mức thu phóng. Theo số docs, nó sẽ hoạt động với 'option', 'zoom', 7 nhưng điều này sẽ gây ra lỗi: "$("#map_canvas").gmap("option", "zoom", 7).bind is not a function"jquery-ui-map cách đặt mức thu phóng

Chỉnh sửa, chỉnh sửa, chỉnh sửa. Thu phóng luôn ở 1.

$("#map_trigger").click(function(){ 
     var prop_id = $("#map_canvas").attr("rel"); 
     $('#map_canvas').gmap({'zoom':6}).bind('init', function(evt, map) { 
      $.getJSON(basepath+'properties/get_gps_coords/'+prop_id, function(data) { 
       $.each(data.markers, function(i, m) { 
        lat = m.latitude; 
        longitude = m.longitude; 
        $('#map_canvas').gmap(
         'addMarker', { 'position': new google.maps.LatLng(lat, m.longitude), 'bounds':true } 
        ); 
       }); 
      }); 
     }); 
    });

Tôi làm cách nào để thêm mức thu phóng vào đoạn mã này?

Nguồn

2012-02-21 stef

Sử dụng:

$("#map_canvas").gmap({'zoom':7})

Tùy chọn-phương pháp có thể được sử dụng khi bản đồ đã được khởi tạo và sẽ không trở lại một jQuery-đối tượng, vì vậy nó không thể kết nối (những gì sẽ giải thích những lỗi mà bạn có).

Nguồn

2012-02-21 10:33:17

Ở đâu? Tôi đã thử ở các vị trí khác nhau, không thay đổi – stef

ở dòng thứ 2 của mã của bạn, trước khi '.bind ('init',' –

Cập nhật mã của tôi ở trên, nhưng thu phóng vẫn luôn ở mức tối đa – stef

Mã này làm việc cho tôi:

<!doctype html> 
<html> 
    <head> 
     <meta http-equiv="content-language" content="es"> 
     <meta charset="utf-8"> 

     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
     <script type="text/javascript" src="js/jquery-1.7.1/jquery.min.js"></script> 
     <script type="text/javascript" src="../ui/jquery.ui.map.js"></script> 

    </head> 
    <body> 
     <div style="height: 500px; width:500px;" id="map_canvas"></div> 
     <button id="btnChangeZoom">change zoom</button> 
     <script type="text/javascript"> 
     $(function() { 
      $('#map_canvas').gmap({ 'center': '40.33238,-3.76546','scrollwheel':false}); 
      $('#map_canvas').gmap('option', 'mapTypeId', google.maps.MapTypeId.SATELLITE); 
      $('#map_canvas').gmap('option', 'zoom', 17); 
      }); 

     $("#btnChangeZoom").click(function(){changeZoom()}); 

     function changeZoom(){ 
      $('#map_canvas').gmap('option', 'zoom', 10); 
     } 
     </script> 
    </body> 
</html>

Nguồn

2012-02-21 11:01:28 jcalonso

Yo cần phải trung tâm bản đồ và sau đó phóng to nó. Dưới đây là mẫu mã

$('#map_canvas').gmap({'center': '43.1502, 25.02083'}) 
$('#map_canvas').gmap('option', 'zoom', 10); 
$('#map_canvas').gmap('addMarker', {'position': '43.1502, 25.02083', 'icon': '/picnic/img/Pin.png'}).click(function() { 
    //$('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this); 
});

Nguồn

2014-05-31 10:55:38

jquery-ui-map cách đặt mức thu phóng

Trả lời

Các vấn đề liên quan