缩放到Google Maps API V3中的地图中心

Question

我是新手使用谷歌地图,我试图找出如何限制缩放功能,以便它不会缩放除地图中心以外的任何地方,而不是缩放到鼠标点.基本上,无论鼠标指针在地图上的哪个位置,它都会缩放到返回地图的中心,而不是缩放鼠标指针在地图上的位置.我甚至不知道目前是否可能,一些帮助将不胜感激.

<script type="text/javascript">
        function initialize() {
        var latlng = new google.maps.LatLng(51.285583, 1.091045);
        var myOptions = {
        zoom: 15,
        center: latlng,
        scrollwheel: true,
        navigationControl: false,
        mapTypeControl: false,
        scaleControl: false,
        draggable: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(51.285826, 1.089973),
            map: map,
            title: 'Run of The Mill',
            clickable: true
            });
        }
    </script>

Answer 1

有几种缩放类型:

• 使用缩放控制 - 缩放到地图的中心
• 使用滚轮 - 当你抱怨时,它会缩放到鼠标指针
• 使用双击 - 首先使鼠标指针下方的位置居中,然后缩放

因此,如果您只想要第一个缩放类型,可以通过将disableDoubleClickZoom和scrollwheel map选项设置为false来禁用其他两个缩放类型.

此外,你可能会处理dblclick map事件(滚轮事件不是那么简单,但也许你会找到一种方法如何在javascript中处理滚轮)并且在这个处理程序中只需使用更改地图比例map.setZoom().地图中心将保持不变.相当容易.