웹솔루션개발 25년 노하우! 해피CGI의 모든것

유연한 커스터마이징이 가능한 무료 오픈소스 지도를 제공하는 Leaflet.js 입니다.Leaflet.js는 웹에서 지도를 렌더링 하는 Javascript 라이브러리 입니다https://leafletjs.com/ 기본적으로 지도 데이터를 직접 제공하지 않으며 OpenStreetMap, Google Maps, Mapbox 등의 지도 데이터를 불러와화면에 표시 할 수 있습니다.가볍고 플러그인이 많아서 커스터마이징이 용이 합니다.https://leafletjs.com/reference.html 페이지에서 각종 사용법 확인이 가능 합니다.

중국 지역의 지도 서비스를 해야 되는 경우 이용이 가능한 바이두맵 API 입니다.https://lbsyun.baidu.com/ 중국 지도에 최적화 되어 있고,API를 이용해서 웹사이트에 적용을 하여 이용이 가능 합니다.상단 개발자 채널 메뉴를 통해 자바스크립트, IOS, 안드로이드 연동 메뉴얼을 확인이 가능 합니다.예시로 javascript 메뉴얼을 살펴보면 예제 소스와 함께 정리가 잘 되어 있어서 이용하는데 문제는 없어 보입니다.

국토교통부에서 제공하는 3D 지도 무료 API 입니다.https://www.vworld.kr/dev/v4dv_opnws3dmap3guide_s001.do 해당 API는 인증키를 발급받으셔야 이용이 가능하신데인증키를 받을려면 회원가입 이후 로그인을 해야 되고,https://www.vworld.kr/v4po_openapi_s001.do 페이지 하단의 "발급 바로가기" 버튼을 클릭해서 키 발급이 가능 합니다.인증키를 받으셨다면 https://www.vworld.kr/dev/v4dv_opnws3dmap3guide_s001.do 페이지에서 이용방법을 확인하여,원하시는곳에 적용하여 이용을 하시면 되겠습니다.위 페이지에서 코드샘플을 클릭해보시면 아래와 같이 다양한 코드샘플을 실행결과와 함께 볼 수 있습니다.

ddMap은 개발자가 사용자 정의 가능한 대화형 반응형 Yandex 지도를 웹 페이지에 포함할 수 있는 경량 jQuery 플러그인입니다. 위도/경도 좌표 및 팝업 콘텐츠를 포함한 마커 데이터 배열을 전달하면 ddMap이 지도에 표시합니다. 마커가 두 개 이상인 경우 모든 마커에 맞게 맵의 크기를 자동으로 조정합니다. 사용자 지정 콘텐츠로 마커를 사용자 지정하고, 확대/축소 버튼과 같은 지도 컨트롤을 설정하고, 다른 Yandex 지도 옵션을 통과할 수 있습니다. 플러그인은 맵 초기화를 처리하므로 상용구 코드를 작성할 필요가 없습니다. 사용방법은 아래와 같습니다.

플러그인 설치 후 상단에 보시면 아이콘이 생깁니다. 지역을 검색하실 수 있습니다. 그렇게 검색된 위치의 지도를 위지윅에 추가할수 있는 플러그인 입니다. 지도의 종류도 여러 스타일이 있으며, 지도 추가시 참 좋은 플러그인 같습니다.