OpenLayers设置地图缩放最小范围和最大范围
2016-07-29 15:47
435 查看
OpenLayers设置地图缩放最小范围和最大范围
function init()
{
var options=
{
projection: "EPSG:4326",
eventListeners:
{
"moveend": mapEvent,
"zoomend": mapEvent
},
controls:
[
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
//new OpenLayers.Control.LayerSwitcher(),
new OpenLayers.Control.ScaleLine(),
//new OpenLayers.Control.Scale(),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.KeyboardDefaults()
],
//numZoomLevels:20
minResolution:"auto",
minExtent:new OpenLayers.Bounds(119.66509,32.23268,121.37895,32.77925),
maxResolution:"auto",
maxExtent:new OpenLayers.Bounds(118.84386,31.93193,122.27159,33.02782)
};
map=new OpenLayers.Map("map_element",options);
var wms=new OpenLayers.Layer.WMS("OpenLayers WMS",
"http://127.0.0.1:8989/geoserver/map/wms",
{
layers:"map:china"
});
//添加wms图层
//map.addLayer(wms);
map.addLayers([wms,test,train]);
selectControl=new OpenLayers.Control.SelectFeature([train,test],
{
onSelect:onFeatureSelect,
onUnselect:onFeatureUnselect
});
map.addControl(selectControl);
selectControl.activate();
map.setCenter(new OpenLayers.LonLat(lon,lat),zoom);
$(".close_btn").hover(function()
{
$(this).css({color:'black'});
},function()
{
$(this).css({color:"#999"});
}).on('click',function()
{
$("#LoginBox").fadeOut("fast");
$("#mask").css({display:'none'});
});
$("#closehostidBtn").hover(function()
{
$(this).css({color:'black'});
},function()
{
$(this).css({color:"#999"});
}).on('click',function()
{
$("#hostidBox").fadeOut("fast");
});
$("#zyxxCloseBtn").hover(function()
{
$(this).css({color:"black"});
},function()
{
$(this).css({color:"#999"});
}).on("click",function()
{
$("#zyxxDiv").fadeOut("fast");
});
}
OpenLayers设置地图缩放最小范围和最大范围
function init()
{
var options=
{
projection: "EPSG:4326",
eventListeners:
{
"moveend": mapEvent,
"zoomend": mapEvent
},
controls:
[
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
//new OpenLayers.Control.LayerSwitcher(),
new OpenLayers.Control.ScaleLine(),
//new OpenLayers.Control.Scale(),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.KeyboardDefaults()
],
//numZoomLevels:20
minResolution:"auto",
minExtent:new OpenLayers.Bounds(119.66509,32.23268,121.37895,32.77925),
maxResolution:"auto",
maxExtent:new OpenLayers.Bounds(118.84386,31.93193,122.27159,33.02782)
};
map=new OpenLayers.Map("map_element",options);
var wms=new OpenLayers.Layer.WMS("OpenLayers WMS",
"http://127.0.0.1:8989/geoserver/map/wms",
{
layers:"map:china"
});
//添加wms图层
//map.addLayer(wms);
map.addLayers([wms,test,train]);
selectControl=new OpenLayers.Control.SelectFeature([train,test],
{
onSelect:onFeatureSelect,
onUnselect:onFeatureUnselect
});
map.addControl(selectControl);
selectControl.activate();
map.setCenter(new OpenLayers.LonLat(lon,lat),zoom);
$(".close_btn").hover(function()
{
$(this).css({color:'black'});
},function()
{
$(this).css({color:"#999"});
}).on('click',function()
{
$("#LoginBox").fadeOut("fast");
$("#mask").css({display:'none'});
});
$("#closehostidBtn").hover(function()
{
$(this).css({color:'black'});
},function()
{
$(this).css({color:"#999"});
}).on('click',function()
{
$("#hostidBox").fadeOut("fast");
});
$("#zyxxCloseBtn").hover(function()
{
$(this).css({color:"black"});
},function()
{
$(this).css({color:"#999"});
}).on("click",function()
{
$("#zyxxDiv").fadeOut("fast");
});
}
相关文章推荐
- openlayers加载天地图代码
- 使用OpenLayers实现一个在鼠标点击处添加标记的效果
- openlayers 加载googlemap v3 遭遇弹出copyright 异常的解决
- openlayers 例子分类
- openlayers3中polygon上添加icon
- 使用Openlayers 3 在地图增加天气预报
- Openlayers2调用ArcGis的WMTS服务,restful和kvp两种模式
- OpenLayers根据两点连线
- OpenLayers系列之-Geometry格式转换
- win+Apache+mod_wsgi配置mapproxy心得(一)
- openlayers2中selectcontrol用法
- openlayers限制地图拖动区域
- openlayers中设置地图缩放级别
- 电子地图中要素旋转功能实现
- Ol3中Map事件全解析
- 图解OpenLayers-2.13.1入门实例
- openlayers 初步认识
- OpenLayers项目分析——(一)项目介绍
- OpenLayers 项目完整分析(二)源代码总体结构分析
- OpenLayers 项目分析(三)BaseTypes