Google maps V3控制地图的缩放和显示范围
2012-12-27 20:01
567 查看
【熊猫大叔 转载请注明出处:http://blog.csdn.net/pandaflyup】
1、控制地图的缩放范围:
实现起来很简单,设置一个最低和最高的缩放级别ZoomLevel,再添加一个监听缩放级别变化的事件即可,代码如下:
通过划定一个界限,可以使地图只在划定的范围内显示,由于实现起来比较简单,就直接上代码了:
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)); });
相关文章推荐
- 网上看到的ArcEngine控制地图显示范围的好方法(记下)
- 控制地图显示范围的重要参数
- Google Maps API V3学习【限制地图缩放级别和显示范围 包含V2版本程序】
- ARCGIS FOR SILVERLIGHT 地图缩放范围控制
- Google Maps API V3学习【限制地图缩放级别和显示范围 包含V2版本程序】
- google map限制地图缩放级别和显示范围
- 控制地图显示范围的参数
- 百度地图API二:根据标注点坐标范围计算显示缩放级别zoom自适应显示地图
- MKMapView上获取自身当前位置并将地图显示范围控制在自身位置周围
- 百度地图API二:根据标注点坐标范围计算显示缩放级别zoom自适应显示地图
- Google Maps API V3学习【限制地图缩放级别和显示范围 包含V2版本程序】
- google map限制地图缩放级别和显示范围
- 百度地图 根据标注点坐标范围计算显示缩放级别zoom自适应显示地图
- 地图坐标与屏幕坐标的转换&&控制地图显示范围的参数
- 控制地图显示范围
- google map限制地图缩放级别和显示范围
- MapXtreme2005 Web页面上用鼠标中间键控制地图缩放
- 【JS控制图片显示的大小(图片等比例缩放)】
- Google map获取手机屏幕当前显示地图的范围
- JS控制图片显示的大小(图片等比例缩放)