반응형 setzoom3 vworld 지도 만들기(10) - 주소에 대한 좌표 구하기(1) 지난번에는 클릭한 지점에 대한 좌표값을 구한 다음 주소를 구했는데,이번에는 반대로 주소를 입력하면 주소에 대한 좌표값을 구하는 것을 해보겠습니다. API는 지난번과 같은 페이지에 있는데, 왼쪽 '주소를 좌표로 변환' 탭의 내용을 참고합니다. 1. 예제 코드자바스크립트 예제 코드가 아래와 같이 작성되어 있습니다. 이를 기존 코드에 갖다 붙이면 아래와 같습니다. 2. 코드 실행on_click 메서드이기 때문에 지도가 로딩된 다음 아무 지점이나 클릭하면(F12키를 눌러서) console 창에서 좌표를 확인할 수 있습니다. 잘 안 보여서 해당 부분만 확대하면 아래와 같습니다. point x는 127.057115634, y는 37.512953367입니다. 3. popup으로 표시9편에서 다뤘던 popup을.. 2025. 2. 13. vworld 지도 만들기(5) - 2D지도 이동과 줌(1) 이번에는 2D지도 API 2.0의 코드 샘플에 있는 지도 이동 기능에 대해 알아보겠습니다. 1. 코드 샘플코드 샘플 중 두 번째 줄 왼쪽 예제입니다. 이것을 눌러 들어가면 중간 부분에 소스 코드가 나오는데, 오른쪽 '직접해보기'를 누른 다음 코드 중 아래의 코드를 복사한 후2D지도 만들기(3)에서 만들었던 코드의 script문 아래에 붙여넣어 기존 코드를 덮어씌웁니다. 그리고, 서버에 올리고 실행하면 지도가 한 화면에 차고, 버튼이 그 아래에 있다 보니, 오른쪽 스크롤 바를 아래로 내려야 여의도와 독도 버튼이 왼쪽에 보입니다. 2. 실행 지도 아래에 있는 여의도 버튼을 누르면 서서히 이동한 후 여의도를 확대해서 보여 주고 독도 버튼을 눌러도 독도로 서서히 이동한 후 확대됩니다. 3. 코드 수정코드를.. 2025. 2. 6. vworld 지도 만들기(4) - 2D지도 만들기(3) 다. center와 zoom 설정하기(1) 첫 번째 방법center는 처음에 지도가 위치할 중심점을 지정하는 것이고,zoom은 지도의 배율을 정하는 것입니다. 레퍼런스를 보면 아래와 같이 설정하라고 되어 있는데, vw.ol3.CameraPosition.center = [14086424.137257246, 4301029.874526409]; vw.ol3.CameraPosition.zoom = 15; vw.ol3.MapOptions = { 안에 넣어도 안되고, vmap = new vw.ol3.Map("vmap", vw.ol3.MapOptions); 뒤에 넣어도 안된다. 왜 이리 어려운가?코끼리 더듬기네요. 그러다, '3.브이월드에 이벤트 추가.html'을 보니 vw.ol3.MapOptions를 설정하기.. 2025. 2. 5. 이전 1 다음 반응형
