728x90 분류 전체보기45 지도 API 활용 - 2D 지도(기본지도로드) vworld 자료실의 교육자료를 참고하여 지도API활용하여 웹페이지에 지도를 로드해보고 구문 해석도 나름 할수 있을만큼... 해보겠음. 여기서 보여지는 APIkey는 봉삼네가 발급받은거니 무단으로 사용하지는 말아주세요. API발급받는거 어렵지 않아요~~개꿀임 추가: Kakao Map버전 ( 그외 지도는 나중에 업로드 하겠음- 한페이지에 다 불러서 사용할수도 있던데 .. 아직 시작이니 고민해보겠음.) 이번 글의 간략한 목차는 아래와 같으며 필요한 부분으로 바로 넘어갈 수 있게 링크 걸어놨음. 1. 기본지도로드 1.1. 2D지도생성 1.1.1. V World 1.1.2. Kakao Map 1.2. 2D지도마커추가 1.2.1. V World 1.2.2. Kakao Map 1. 기본지도로드 1.1. 2D 지도생.. 2023. 5. 17. 2D지도 API 2.0 레퍼런스 - Map 2D지도 API 2.0 레퍼런스 - Map 코드샘플 ( 위치 바로가기 링크 설정됨 ) 1 Map 지도 생성 vw.ol3.Map 클래스를 이용해서 지도를 생성 2 지도 타입 변경 지도타입 - vw.ol3.BasemapType.GRAPHIC : 2D배경지도 - vw.ol3.BasemapType.GRAPHIC_WHITE : 2D백지도 - vw.ol3.BasemapType.GRAPHIC_NIGHT: 2D야간지도 - vw.ol3.BasemapType.PHOTO : 2D영상지도 - vw.ol3.BasemapType.PHOTO_HYBRID : 2D영상하이브리드 3 지도 이동 지정된 좌표로 지도를 이동 및 줌레벨을 설정 4 MapController 지도생성 vw.MapController 클래스를 이용해서 지도를 생성 .. 2023. 5. 15. 2D지도 API 2.0 레퍼런스 - vw.ol3.Map 레이어, 컨트롤, 인터랙션 등을 포함하고 관리한다. 가장 기본적인 클래스로 오픈 API 진입점 역할을 하는 핵심 클래스 1. Constructor 상세정보 - Map vmap = new vw.ol3.Map("vmap", vw.ol3.MapOptions); new vw.ol3.Map(container, opt) 맵 클래스 생성자 Parameters container : 지도가 그려지는 node 엘리먼트의 id >> vmap opt: vw.ol3.MapOptions - 맵 클래스 생성옵션 Returns vw.ol3.MapOptions - 맵 클래스 생성옵션 2023.05.15 - [vworld] - 2D지도 API 2.0 레퍼런스 - vw.ol3.MapOptions 2. Method 상세정보 2.1. ol... 2023. 5. 15. 2D지도 API 2.0 레퍼런스 - vw.ol3.MapOptions 배경지도 백지도 야간지도 항공사진 하이브리드 vw.ol3.MapOptions >> vw.ol3.Map 클래스에서 사용 하는 옵션을 정의 1. BasemapType - 2D 지도의 경우 화면에 표현할 지도 유형 ▼▼▼▼▼▼▼실행결과확인▼▼▼▼▼▼▼ glass_api2.0_maptest 배경지도 백지도 야간지도 항공사진 하이브리드 bongbongsam.github.io 1.1. vw.ol3.basemapType. GRAPHIC // (D) 도로맵 1.2. vw.ol3.basemapType. GRAPHIC_WHITE // 백지도 1.3. vw.ol3.basemapType. GRAPHIC_NIGHT //야간지도 1.4. vw.ol3.basemapType. PHOTO // 항공사진 1.5. vw.ol3.basem.. 2023. 5. 15. 이전 1 2 3 4 5 6 7 8 ··· 12 다음 728x90
