본문바로가기

Open API

환경주제도 맵 서비스

  • Open API
  • 환경주제도 맵 서비스

환경주제도 맵 서비스 - 토지피복

환경주제도 맵 서비스 - 토지피복 서비스명,레이어명을 보여주는 테이블입니다.
서비스명 레이어명
me:raster_landcover_change_80-00 토지피복 시계열 변화량 - 80-00년대
me:raster_landcover_change_80-90 토지피복 시계열 변화량 - 80-90년대
me:raster_landcover_change_90-00 토지피복 시계열 변화량 - 90-00년대

환경주제도 맵 서비스 - 토지피복 view params,env params,style,label을 보여주는 테이블입니다.
view params 서비스명 또는 레이어명을 클릭해주세요.
env params
style
label

환경주제도 맵 서비스 예제

  • 아래의 소스코드와 같이 환경정보 맵 서비스를 레이어에 등록하면 지도를 표시할 수 있습니다.
					var layer = {
							id : 'me:wa_plg_hydroeco',
							label : 'me:wa_pnt_river_label',
							view_params : 'year:2008;survey_time:1',
							env_params : 'tdi:0.4',
							legend : 'wa_plg_hydroeco_healthy'
					};
				

다음의 html 코드는 "토지피복 시계열 변화량 - 80-00년대"를 표시하는 예시입니다.

					<!DOCTYPE html>
					<html lang="ko">
					<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 layer = {
								id : 'me:raster_landcover_change_80-00',
								label : '',
								view_params : '',
								env_params : '',
								legend : ''
						};
						var serverUrl = 'http://eaisapp.me.go.kr/geoserver/wms?';
					    var map = new ol.Map({
					        target : 'map',
					        layers : [],
					        view : new ol.View({
					            center : ol.proj.transform([ 127, 36.5 ], 'EPSG:4326', 'EPSG:900913')
					            ,zoom : 7
					            ,enableRotation : false
					        })
					    });
						var layerWMS = new ol.layer.Tile({
							visible : true,
							source : new ol.source.TileWMS({
								url : serverUrl,
								params : {
									'LAYERS' : layer.id,
					                'VIEWPARAMS' : layer.view_params,
					                'ENV' : layer.env_params,
					                'STYLES' : layer.legend,
					                'SRS' : 'EPSG:900913'
					               },
								serverType : 'geoserver'
							})
						});
						map.addLayer(layerWMS);
						if(layer.label){
							var labelWMS = new ol.layer.Image({
								visible : true,
								source : new ol.source.ImageWMS({
									url : serverUrl,
									params : {
										'LAYERS' : layer.label,
										'VIEWPARAMS' : layer.view_params,
										'ENV' : layer.env_params,
										'SRS' : 'EPSG:900913'
									},
									serverType : 'geoserver'
								})
							});
							map.addLayer(labelWMS);
						}
					</script>
					</body>
					</html>