jquery-ui-map如何設置縮放級別

Question

我有以下代碼工作正常，但我無法添加縮放級別。 根據文檔它應該使用'option', 'zoom', 7但這會產生錯誤： "$("#map_canvas").gmap("option", "zoom", 7).bind is not a function"

工作代碼，無法縮放，編輯。 縮放始終為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 }
                    );
                });
            });
        });
    });

如何為此代碼段添加縮放級別？

Answer 1

這段代碼適合我：

<!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>

Answer 2

采用：

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

當map已經初始化並且不會返回jQuery對象時，可以使用option-method，因此它不可鏈接（什么將解釋你得到的錯誤）。

Answer 3

你需要將地圖居中，然后放大它。 這是一個代碼示例

$('#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);
});

jquery-ui-map如何設置縮放級別

問題描述

3 個解決方案

解決方案1
9 2012-02-21 11:01:28

解決方案2
8 已采納 2012-02-21 10:33:17

解決方案3
2 2014-05-31 10:55:38

jquery-ui-map如何設置縮放級別

問題描述

3 個解決方案

解決方案1 9 2012-02-21 11:01:28

解決方案2 8 已采納 2012-02-21 10:33:17

解決方案3 2 2014-05-31 10:55:38

解決方案1
9 2012-02-21 11:01:28

解決方案2
8 已采納 2012-02-21 10:33:17

解決方案3
2 2014-05-31 10:55:38