jquery-ui-map 제어 줌 레벨

Question

Google지도에서 줌 레벨을 제어하는 ​​데 도움이 필요합니다. 나는 the jquery-ui-map plugin을 사용하고 있습니다.하지만 검색하고 발견 한 모든 것이 제대로 작동하지 않는 것 같습니다. 그들이 가지고있는 몇 가지 예를 다음과 같이 생각해 냈습니다.

<script type="text/javascript"> 
    $(function() { 
    // Also works with: var yourStartLatLng = '59.3426606750, 18.0736160278'; 
    var yourStartLatLng = new google.maps.LatLng(); 
    $('#map_canvas').gmap('addMarker', {'position': '32.311042,-106.781458', 'bounds': true}); 
    $('#map_canvas').gmap('zoom', 15); 
    }); 
</script> 

감사합니다.

Answer 1

지도를 설정하고 마커를 추가해야합니다. 예 :

$(document).ready(function(){ 
    var lat = 32.311042; 
    var lng = -106.781458; 
    var center = new google.maps.LatLng(lat, lng); 

    var mapOpt = { 
     center: center, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    $('#map_canvas').gmap(mapOpt); 

    $('#map_canvas').gmap('addMarker', {'position': '32.311042,-106.781458', 'bounds': false}); 
}); 

확대/축소 매개 변수를 변경하면 다른 수준의 세부 정보를 얻을 수 있습니다.

업데이트 : 일example at jsbin