Google maps V3控制地图的缩放和显示范围

来源：互联网发布：拉塞尔生涯数据编辑：程序博客网时间：2024/04/30 05:18

【熊猫大叔转载请注明出处：http://blog.csdn.net/pandaflyup】

1、控制地图的缩放范围：

实现起来很简单，设置一个最低和最高的缩放级别ZoomLevel，再添加一个监听缩放级别变化的事件即可，代码如下：

function initialize() {        var MinZoomLevel=16;        var myLatlng = new google.maps.LatLng(39.9629, 116.3581);        var myOptions = {            zoom: MinZoomLevel,            center: myLatlng,            mapTypeId: google.maps.MapTypeId.ROADMAP        }        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);        //控制地图的缩放级别        google.maps.event.addListener(map, 'zoom_changed',function() {            if (map.getZoom() < MinZoomLevel) map.setZoom(MinZoomLevel);         });}

2、控制地图的显示范围：

通过划定一个界限，可以使地图只在划定的范围内显示，由于实现起来比较简单，就直接上代码了：

var strictBounds = new google.maps.LatLngBounds(    new google.maps.LatLng(14.48003790418668, 66.28120434863283),    new google.maps.LatLng(54.44617552862156, 143.71284497363283));google.maps.event.addListener(map, 'dragend',function() {    if (strictBounds.contains(map.getCenter())) return;    var c = map.getCenter(),    x = c.lng(),    y = c.lat(),    maxX = strictBounds.getNorthEast().lng(),    maxY = strictBounds.getNorthEast().lat(),    minX = strictBounds.getSouthWest().lng(),    minY = strictBounds.getSouthWest().lat();    if (x < minX) x = minX;    if (x > maxX) x = maxX;    if (y < minY) y = minY;    if (y > maxY) y = maxY;    map.setCenter(new google.maps.LatLng(y, x));});