proj4js 사용으로 좌표계 변환

Web Development assistant·2022년 4월 6일
0

# ETC

목록 보기
11/17

인터넷 검색으로 시행착오를 겪은 후 해결함

proj4.js 라이브러리 다운

https://www.cdnpkg.com/proj4js/file/proj4js-combined.min.js/?id=63011


다운로드후 압축해제 하면 js파일이 나옴
자신의 프로젝트 static경로에 넣고
스크립트로 임포트

html 소스

<script language="JavaScript" src="../../js/proj4js-combined.min.js"></script>

<script>
   Proj4js.defs["EPSG:5179"] = "+proj=tmerc +lat_0=38 +lon_0=127.5 +k=0.9996 +x_0=1000000 +y_0=2000000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs"; 
   Proj4js.defs["EPSG:4326"] = "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs"; 
   var s_srs = new Proj4js.Proj("EPSG:5179"); 
   var t_srs = new Proj4js.Proj("EPSG:4326");
   var x=932122.881508 //5179 좌표계 x
   var y=1944549.626052 //5179 좌표계 y
   var pt = new Proj4js.Point(x,y); //포인트 생성
   var result =Proj4js.transform(s_srs, t_srs, pt); //좌표계 변경 
   console.log(result); //경도, 위도;
   var lat = result.y;  //위도 경도  순서가 바뀌어서 출력된다.
   var lng = result.x;  //위도 경도  순서가 바뀌어서 출력된다.
</script>

출력된 위경도를 필요에 따라 사용
나의 경우 : 도로명 주소 x, y 좌표 => 카카오지도 위도, 경도로 사용

유의사항

위경도의 순서가 바뀌어서 나온다.

카카오 지도 sample 의 경우 위경도를 소수점 6자리까지만 넣지만 위와같은 방법으로 좌표계를 변환한다면 소수점 6자리 그 이상으로 나옴. 카카오 지도에 바로 넣어도 마커는 잘 표시됨. 문제없음

0개의 댓글