| 서비스명 | 레이어명 |
|---|---|
| eco_2015_g | 생태자연도 |
url : 'http://egisapp.me.go.kr/geoserver/gwc/service/wms?'
,params : {'LAYERS' : 'EGIS:eco_2015_g',
'TILED' : true,
'SRS' : 'EPSG:900913'
}
다음의 html 코드는 "생태자연도"를 표시하는 예시입니다.
<!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="http://openlayers.org/en/v3.11.1/css/ol.css">
<script src="http://openlayers.org/en/v3.11.1/build/ol.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:900913'}
})
})],
view : new ol.View({
center : ol.proj.transform([ 127, 36.5 ], 'EPSG:4326', 'EPSG:900913')
,zoom : 7
,enableRotation : false
})
});
</script>
</body>
</html>