페이지 이력

function addGeoJsonWithStyle(){
    Matrix.Execute('DS_COLOR', function(p){
		if(p.Success == false){
			Matrix.Alert(p.Message);
				return;
			}
			var ds = p.DataSet;
			var dt = p.DataTable;
			closure.map.addDomesticGeoJson(Matrix.getObject('CheckBox2').Checked, dt);
		});
}

addDomesticGeoJson: function(isFit, options){
		Matrix.RunScript("" ,"MAP_SERVICE" ,function(p){
								if(p.Success == false){
									Matrix.Alert(p.Message);
									Matrix.DebugWrite('GeoMap', 'refreshMap::'+ p.Message);
									return;
								}
								var geoJson = p.DataSet;
								var lastLevel = Matrix.GetGlobalParamValue('VS_G_LAST_FEATURE_LEVEL');
								Matrix.RemoveGlobalParams('VS_G_LAST_FEATURE_LEVEL');
								
								
								
								if(geoJson.features.length > 0) {
									if(options) geoJson = addProperty(geoJson, options);	// geoJson 에 속성을 추가해서 전달합니다
									IGeoMapComponent.LoadMap(geoJson, isFit);
									Matrix.DebugWrite('GeoMap', 'LoadMap::');
								}else {
									alert('마지막 Level입니다.');
									return;
								}
								
							});
							
		/* 
			geoJson 의 Property 에 overlay style 속성을 추가하고 geoJson 을 반환합니다.
			@params property DataTable 의 형태로 GID_CODE, FILL_COLOR, FILL_OPACITY, LINE_COLOR, LINE_WIDTH, LINE_OPACITY 의 Column 을 가진다
		*/
		function addProperty(geoJson, property){
			 property.Rows.map(function(row){				
				// geoJson 을 돌면서 속성을 추가합니다.
				geoJson.features.forEach(function(feature){
					if (feature.properties.GID_1 === row.GetValue('GID_CODE')) {	// GID_1 과 매핑
						feature.properties.GID_CODE = row.GetValue('GID_CODE');
						feature.properties.FILL_COLOR = row.GetValue('FILL_COLOR');
						feature.properties.FILL_OPACITY = row.GetValue('FILL_OPACITY');
						feature.properties.LINE_COLOR = row.GetValue('LINE_COLOR');
						feature.properties.LINE_WIDTH = row.GetValue('LINE_WIDTH');
						feature.properties.LINE_OPACITY = row.GetValue('LINE_OPACITY');
					}
				});
			});
			
			return geoJson;
		}
	},

var projUtil = map.util.getProjUtil();
// 기존 Proj 라이브러리에서 제공하는 좌표계를 반환합니다. 변경을 원하는 좌표계가 아래에 있을 경우 defineNewProjection를 이용해 좌표계를 정의하실 필요가 없습니다.
var predefinedProjections = projUtil.getPreDefinedProjections() // return ['EPSG:4326', 'EPSG:4269', 'EPSG:3857'];


// 예시) EPSG:5181 좌표계의 [37.528, 126.9207]를 변환하고 싶은 경우
// 1. 좌표계 정의
// proj4 문자열 좌표계 정의는 https://epsg.io/5181 를 참고하세요.
projUtil.defineNewProjection("EPSG:5181", "+proj=tmerc +lat_0=38 +lon_0=127 +k=1 +x_0=200000 +y_0=500000 +ellps=GRS80 +units=m +no_defs")
// 2. 포인트 좌표 변환
var transformedCoordinate = projUtil.transformCoordinate("EPSG:5181", [37.528, 126.9207]); // return [124.84886361842304, 33.47611942468759]

자체 알고리즘에 의해 계산한 값이 아닌 SGIS 의 주소경계 API를 이용하여 SGIS에서 제공하는 지리 데이터를 가져오고 있습니다.

현재는 시/도 범위의 중심 좌표만 지원합니다.

function getCenter(){
	map.util.getCenterPoint(function(datas){
		// callback function (datas 의 내용은 아래의 결과값을 참고하세요)
		var markerInfo = datas.map(function(data){
			retrun {
				name: data.name,
				lonLat: data.lonLat
			}
		});
		map.addMarker(markerInfo);	// 마커로 표시합니다
	});
}

[
    {
        "lonLat": [
            126.97834782835902,
            37.56669009036455
        ],
        "code": "11",
        "name": "서울특별시"
    },
    {
        "lonLat": [
            129.09175563706935,
            35.24125634125668
        ],
        "code": "21",
        "name": "부산광역시"
    },
    {
        "lonLat": [
            128.6226425399308,
            35.97347538476608
        ],
        "code": "22",
        "name": "대구광역시"
    },
    {
        "lonLat": [
            126.70523602351949,
            37.45604185708162
        ],
        "code": "23",
        "name": "인천광역시"
    },
    {
        "lonLat": [
            126.8354459164671,
            35.15573674234789
        ],
        "code": "24",
        "name": "광주광역시"
    },
    {
        "lonLat": [
            127.39405991650911,
            36.33980451022681
        ],
        "code": "25",
        "name": "대전광역시"
    },
    {
        "lonLat": [
            129.23840258289323,
            35.55370705798613
        ],
        "code": "26",
        "name": "울산광역시"
    },
    {
        "lonLat": [
            127.25881030360377,
            36.560535581441435
        ],
        "code": "29",
        "name": "세종특별자치시"
    },
    {
        "lonLat": [
            127.25204502645134,
            37.2865873659788
        ],
        "code": "31",
        "name": "경기도"
    },
    {
        "lonLat": [
            128.17336172923484,
            37.8836272925393
        ],
        "code": "32",
        "name": "강원특별자치도"
    },
    {
        "lonLat": [
            127.53924730130387,
            36.73834076972116
        ],
        "code": "33",
        "name": "충청북도"
    },
    {
        "lonLat": [
            126.71839045797792,
            36.67835738574175
        ],
        "code": "34",
        "name": "충청남도"
    },
    {
        "lonLat": [
            127.10867588676484,
            35.820389942968816
        ],
        "code": "35",
        "name": "전라북도"
    },
    {
        "lonLat": [
            126.67198974055624,
            34.814882947753354
        ],
        "code": "36",
        "name": "전라남도"
    },
    {
        "lonLat": [
            128.75109173106813,
            36.4649263768976
        ],
        "code": "37",
        "name": "경상북도"
    },
    {
        "lonLat": [
            128.16437996516694,
            35.42913615877326
        ],
        "code": "38",
        "name": "경상남도"
    },
    {
        "lonLat": [
            126.48382513785216,
            33.40104880413814
        ],
        "code": "39",
        "name": "제주특별자치도"
    }
]

var turfUtil = map.util.getTurfUtil();


// 시작점과 끝점을 잇는 곡선을 그립니다. 중간지점을 지정하지 않는 경우 turf 라이브러리의 midpoint 함수를 이용하여 중간지점을 정합니다.
var curveLine = turfUtil.addCurveLine([37.683105,55.751849], [129.078369,35.169318], undefined); // 모스크바와 부산을 잇는 "LineString"인 type의 feature 반환

• 패치 필요 : 해당 서비스를 이용하기 위해서는 서버에 패치가 필요합니다.
• JDK 11 환경에서 서비스 : 해당 서비스는 JDK 11 환경에서 서비스됩니다. JDK 11 이상의 버전이 아닌 다른 버전에서는 서비스가 제대로 작동하지 않을 수 있습니다.

/* 서버에서 shp 파일을 geoJson 형식으로 변환하고 좌표계를 WGS84 로 변경하는 함수 */
function convertSHPfile(){
	Matrix.RunScript('', 'CONVERT_COORDS', function(p){
        if(p.Success == false){
      		Matrix.Alert(p.Message);
      		return;
      	}
      	var ds = p.DataSet;
		closure.map.LoadMap(ds, true);	// 변환된 geoJson을 지도에 표시합니다.
    });
}

/* 서버에서 jar 파일을 실행 */
var req = Matrix.getRequest(); /* request */
var res = Matrix.getResponse(); /* response */
var session  = Matrix.getSession(); /* session */
var util = Matrix.getUtility(); /* utility */
var fso = Matrix.getFileSystemObject(); /* file access */

try{
	Matrix.WriteCustomLog('geoTools', '===== shell command [시작] =====');
	
	// shp file path
	var inputFilePath = req.getParam('VS_SHP_PATH');
	
	// geoJson file path
	var filePath = 'C:/AUDPlatform_7/matrix/reports/_TEMP_/';
	var fileName = util.getUniqueKey('GEO') + '.json';
	var outputFilePath = fso.PathCombine(filePath, fileName);
	
	// target 좌표계
	var epsgCode = req.getParam('VS_EPSG_CODE');
	
	Matrix.WriteCustomLog('geoTools', '===== shell command [inputFilePath] =====  ' + inputFilePath);
	Matrix.WriteCustomLog('geoTools', '===== shell command [outputFilePath] =====  ' + outputFilePath);
	
	/* jar 실행시 필요한 파라미터 */
	var cmdArray = [
		"C:\\Program Files\\Java\\jdk-11\\bin\\java.exe",						// jdk 11 실행 경로
		"-jar",																					// jar 파일 실행 명령어
		"C:\\AUDPlatform_7\\matrix\\WEB-INF\\lib\\geomap-1.0.jar",	// geomap-1.0.jar 파일 위치
		inputFilePath,																			// .shp 파일의 위치
		outputFilePath,																		// .json 파일의 위치
		epsgCode																				// target 좌표계
	];
	var result = util.ShellExecute(cmdArray, true);
	Matrix.WriteCustomLog('geoTools', '===== shell command [완료] =====');

	if(fso.Exists(outputFilePath)){
		Matrix.WriteCustomLog('geoTools', '===== read geoJson [시작] =====');
		res.WriteResponseTextFile(outputFilePath)
		fso.DeleteFile(outputFilePath);
		Matrix.WriteCustomLog('geoTools', '===== read geoJson [완료] =====');
	}
}catch(e){
	Matrix.WriteCustomLog('geoTools', '===== CONVERT_COORDS Error =====  ' + e);
}