javascript - 如何将 Google map 中的放大/缩小限制为给定的指定值？

Question

我已将 map 添加到我的 PHP 网站中。这些是我将 map 居中于此位置 (9.0609902,76.5341999) 的详细信息。

我已将缩放级别设置为 6。我对 JavaScript 不太熟悉。我不想放大 map 。我想将缩放级别限制为最大值 6 并且不想允许用户缩放更多。也就是说，我不希望缩放参数的值超过6。并且最大缩小级别应该为2。

我的 map 代码:

<script>
    function initialize()
    {
        var laa=9.0609902;
        var lon=76.5341999;
        var myLatlng=new google.maps.LatLng(laa,lon);
        var mapProp = {
            center: new google.maps.LatLng(laa,lon),
            zoom:6,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
        var image = 'mapmarkers/you-are-here-2.png';

        var opt = { minZoom: 6, maxZoom: 9 };
        mapProp.setOptions(opt);

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'I am Here.',
            icon: image
        });
    }

    function loadScript()
    {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initialize";
        document.body.appendChild(script);
    }
    window.onload = loadScript;
</script>

这在我的 map 上不起作用。为什么？

var opt = { minZoom: 6, maxZoom: 9 };
mapProp.setOptions(opt);

Answer 1

然后试试这个:

<script>
    //map included.
    function initialize()
    {
        var myLatlng=new google.maps.LatLng(laa,lonn);
        var mapProp = {
            center: new google.maps.LatLng(laa,lonn),
            zoom:6,
            maxZoom: 6,
            minZoom:2,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
        var image = 'mapmarkers/you-are-here-2.png';

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'I am Here.',
            icon: image
        });
    }

    function loadScript()
    {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initialize";
        document.body.appendChild(script);
    }
    window.onload = loadScript;
</script>