jquery-ui-map كيفية ضبط مستوى التكبير/التصغير

StackOverflow https://stackoverflow.com/questions/9375858

سؤال

لدي التعليمة البرمجية التالية تعمل بشكل جيد، ولكن لا أستطيع إضافة مستوى التكبير/التصغير.بحسب ال مستندات يجب أن تعمل مع '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 }
                    );
                });
            });
        });
    });

كيف يمكنني إضافة مستوى تكبير/تصغير إلى هذا المقتطف؟

هل كانت مفيدة؟

المحلول

يستخدم:

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

يمكن استخدام طريقة الخيار عندما تتم تهيئة الخريطة بالفعل ولن تُرجع كائن jQuery، لذا فهي غير قابلة للتسلسل (ما الذي يفسر الخطأ الذي حصلت عليه).

نصائح أخرى

هذا الرمز يعمل بالنسبة لي:

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

تحتاج إلى توسيط الخريطة ثم تكبيرها.هنا عينة من التعليمات البرمجية

$('#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);
});
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top