반응형

setzoom 2

vworld 지도 만들기(5) - 2D지도 이동과 줌(1)

이번에는 2D지도 API 2.0의 코드 샘플에 있는 지도 이동 기능에 대해 알아보겠습니다.  1. 코드 샘플코드 샘플 중 두 번째 줄 왼쪽 예제입니다. 이것을 눌러 들어가면 중간 부분에 소스 코드가 나오는데, 오른쪽 '직접해보기'를 누른 다음  코드 중 아래의 코드를 복사한 후2D지도 만들기(3)에서 만들었던 코드의 script문 아래에 붙여넣어 기존 코드를 덮어씌웁니다. 그리고, 서버에 올리고 실행하면 지도가 한 화면에 차고, 버튼이 그 아래에 있다 보니, 오른쪽 스크롤 바를 아래로 내려야 여의도와 독도 버튼이 왼쪽에 보입니다. 2. 실행 지도 아래에 있는 여의도 버튼을 누르면 서서히 이동한 후 여의도를 확대해서 보여 주고 독도 버튼을 눌러도 독도로 서서히 이동한 후 확대됩니다. 3. 코드 수정코드를..

Map(WEB) 2025.02.06

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를 설정하기..

Map(WEB) 2025.02.05
반응형