ol初始化地图加载图层

/**
* 地图基础操作
*/
//创建地图
var system = system || {};
system.init = function() {
//整个地图的bounds有geoserver中的Native Bounding Box获取
var bounds = [123.41901884853014,41.76040848151153,123.4396320946627,41.7782697030205];
//var bounds = [121.87081,39.47252,123.6435,40.43144];
//geoserver读取Tile Image Formats。
var roadface = new https://www.sodocs.net/doc/a84986916.html,yer.Image({
source : new ol.source.ImageWMS({
url : 'http://localhost:8080/geoserver/lyfirstworkspace/wms',
params : {
'VERSION' : '1.1.1',
LAYERS : 'lyfirstworkspace:roadface',
STYLES : '',
}
})
});
var bzg = new https://www.sodocs.net/doc/a84986916.html,yer.Tile({
visible : true,
source : new ol.source.TileWMS({
url : 'http://localhost:8080/geoserver/lyfirstworkspace/wms',
params : {
'VERSION' : '1.1.1',
tiled : true,
LAYERS : 'lyfirstworkspace:bzg',
STYLES : '',
}
})
});
var tk = new https://www.sodocs.net/doc/a84986916.html,yer.Tile({
visible : true,
source : new ol.source.TileWMS({
url : 'http://localhost:8080/geoserver/lyfirstworkspace/wms',
params : {
'VERSION' : '1.1.1',
tiled : true,
LAYERS : 'lyfirstworkspace:tk',
STYLES : '',
}
})
});
//添加arcgis切片缓存
var demolayer = new https://www.sodocs.net/doc/a84986916.html,yer.Tile(
{
source : new ol.source.TileWMS({
url:"http://localhost:8099/geowebcache/demo",
layers: 'test1',
gridSet:"EPSG:4326_test",
format: 'image/png'
// tileSize: new ol.Size(256,256),
// tileOrigin: new ol.LonLat(-400.0, 400.0)
})
});
//坐标系
var projection = new ol.proj.Projection({
code : 'EPSG:4326',
units : 'degrees'
//axisOrientation : 'neu'
});

//地图填充
var map = new ol.Map({
//承载地图的div
target : 'mapdiv',
//要显示的图层列表
layers : [tk,roadface,bzg,demolayer],
//地图用到的坐标系
view : new ol.View({
projection : projection
})
})

//获取当前地图的视野（box和地图的尺寸定位到当前地图）
map.getView().fit(bounds, map.getSize());
//添加组件 显示鼠标值
map.addControl(new ol.control.MousePosition());
//比例尺控件
map.addControl(new ol.control.ScaleLine());
//添加属性控件
map.addControl(new ol.control.Attribution());
//添加旋转控件
map.addControl(new ol.control.Rotate());
//添加缩放滑动控件
map.addControl(new ol.control.ZoomSlider());
//添加缩放到当前视图滑动控件
map.addControl(new ol.control.ZoomToExtent());
//添加全屏控件
map.addControl(new ol.control.FullScreen());
//添加鹰眼图组件
//map.addControl(ol.control.OverviewMap());
//注册地图移动时间
map.on('moveend', function(evt){
//获取当前视野内的地图bounds
//var bounds = map.getView();
var bounds = map.getView().calculateExtent(map.getSize());
//var bottomLeft = ol.proj.transform(ol.extent.getBottomLeft(extent),'EPSG:3857', 'EPSG:4326');
//var topRight = ol.proj.transform(o

l.extent.getTopRight(extent),'EPSG:3857', 'EPSG:4326');
//alert(bounds);
})
};