一、查看Geoserver贩绕，是否已經(jīng)把相應(yīng)圖層生成瓦片
一般情況下，切好的瓦片放在C:\Program Files (x86)\GeoServer 2.11.1\data_dir\gwc\這個文件夾下壶愤，
在這個目錄中找我們生成瓦片的圖層淑倾，例如我切了圖層topp:states，就可以在
C:\Program Files (x86)\GeoServer 2.11.1\data_dir\gwc\topp_states文件夾下找到如下圖所示的切片征椒。
切片所在文件夾
二娇哆、用Openlayers加載Geoserver中的切片
var layer = new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'http://www.google.cn/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i342009817!3m9!2szh-CN!3sCN!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0&token=32965'
})
});
var vector = new ol.layer.Vector({
source: new ol.source.Vector()
});
var view = new ol.View({
center: [-93, 40],
zoom: 7,
projection: "EPSG:4326"
});
var tiled = new ol.layer.Tile({
source: new ol.source.TileWMS({
url: 'http://localhost:8081/geoserver/gwc/service/wms?',
params: {
'FORMAT': "image/png",
'VERSION': '1.1.1',
tiled: true,
STYLES: '',
LAYERS: 'topp:states',
//tilesOrigin: -124.73142200000001 + "," + 24.955967
}
})
});
var map = new ol.Map({
layers: [tiled],
view: view,
target: "map",
logo: false
});
左邊為切片地圖，右邊為切片地圖請求地址
