url : 'http://egisapp.me.go.kr/geoserver/gwc/service/wms?'
, params : {
'LAYERS' : 'EGIS:eco_2015_g',
'TILED' : true,
'SRS' : 'EPSG:3857'
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<title>환경공간정보서비스 - 생태자연도 예제</title>
<style type="text/css">
html, body, #map { margin: 0; padding: 0; width: 100%; height: 100%; }
</style>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.1/ol.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.1/ol.min.js"></script>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = new ol.Map({
target : 'map',
layers : [new ol.layer.Tile({
source : new ol.source.TileWMS({
url : 'http://egisapp.me.go.kr/geoserver/gwc/service/wms?'
, params : {
'LAYERS' : 'EGIS:eco_2015_g',
'TILED' : true,
'SRS' : 'EPSG:3857'
}
})
})],
view : new ol.View({
center : ol.proj.transform([ 127, 36.5 ], 'EPSG:4326', 'EPSG:3857')
,zoom : 7
,enableRotation : false
})
});
</script>
</body>
</html>