[OpenLayers] 경위도 값으로 화면 이동 및 좌표 값 출력

2023. 4. 10. 12:41·Programming/GIS
// 좌표 이동
function move(x, y) {
  // 해당 좌표로 이동
  const center = ol.proj.transform([Number(x), Number(y)], 'EPSG:4326', 'EPSG:3857');
  map.getView().setCenter(center);
  
  // 좌표값 출력
  $('#viewX').text(x);		
  $('#viewY').text(y);	
}

 

move 메소드가 있는 버튼을 누를 경우 동작됨

x, y에 각각 경도와 위도 값을 입력하고 그것을 함께 넘겨줌

 

#viewX, #viewY는 현재 좌표값을 보여주는 태그

'Programming > GIS' 카테고리의 다른 글

[QGIS] 레이어 배경 투명하게 설정하는 방법  (0) 2026.04.10
[GeoServer] 초기 비밀번호 / 비밀번호 변경 방법  (0) 2026.04.09
[GeoServer] 다중 TIFF 파일 하나의 레이어로 발행하기  (0) 2026.04.09
[GeoServer] TIFF 레이어 발행 방법  (0) 2026.04.09
'Programming/GIS' 카테고리의 다른 글
  • [QGIS] 레이어 배경 투명하게 설정하는 방법
  • [GeoServer] 초기 비밀번호 / 비밀번호 변경 방법
  • [GeoServer] 다중 TIFF 파일 하나의 레이어로 발행하기
  • [GeoServer] TIFF 레이어 발행 방법
min_sol
min_sol
  • min_sol
    비글개발연구소🐾
    min_sol
  • 전체
    오늘
    어제
    • 분류 전체보기 (278)
      • Programming (128)
        • Algorithm (52)
        • JAVA (40)
        • GIS (5)
        • PyQt (10)
        • C# (11)
        • Mobile (6)
        • AI (4)
      • Backend (36)
        • Spring (14)
        • JSP (11)
        • Network (5)
      • Frontend (29)
        • React (11)
        • Vue (13)
        • Next.js (4)
      • Database (10)
        • PostgreSQL (1)
        • Oracle (8)
        • Elasticsearch (1)
      • DevOps (8)
        • Linux (7)
        • Mac (1)
      • Tools (31)
        • IntelliJ (1)
        • GitHub (10)
        • RPA (20)
      • Security (9)
      • etc (21)
        • ERROR (5)
        • 세미나 | 교육 (10)
        • 자격증 (1)
        • 일상 (2)
        • 2021 (2)
  • 인기 글

  • 태그

    이클립스
    자바
    알고리즘
    VUE
    spring
    명품자바에센셜
    Java
    코딩테스트
    jsp
    계산기
    PyQt
    자료구조
    연습문제
    스윙
    RPA
    자동화
    PyQt5
    백준
    생능출판
    vue.js
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
min_sol
[OpenLayers] 경위도 값으로 화면 이동 및 좌표 값 출력
상단으로

티스토리툴바