본문 바로가기
Programs

카카오맵으로 나만의 지도 만들기(여행지도, 출장지도)

by 제주아주방 2017. 6. 17.

업그레이드된 나만의 지도만들기 W버전 안내 바로 가기

markPosition3_7.zip
0.44MB

여행을 계획하거나, 방문을 할때 한 두 장소는 네비게이션 찍어서 가면 좋은데 10개 넘어가면 어떻게 가야될지 고민이 시작됩니다. 지도에 갈곳을 한눈에 보면 좋을거 같다고 생각이 들죠. 구글지도에서는 비슷한 기능을 제공하지만 국내에선는 아직까지는 구글지도가 카카오지도나 네이버지도만큼 편리하지는 않죠.

그런데 카카오나 네이버에서 기능을 찾아봤는데 경유지 추가 같은건 있는데 주소 수십게 넣으면 짝 ~ 보여주는 기능은 아직 없어서 만들어 보았습니다.

지도는 카카오지도의 OPEN API를 이용하였습니다. 그래서 카카오지도 여러가지 기능(항공사진, 지적, 로드뷰)를 사용할수 있습니다. 

단지 제가 만든 프로그램은 카카오에서 사용되는 OPEN API형태의 HTML를 만들주는 기능입니다. 지도를 서버에 업로드하여 공유 및 스마트폰에서도 활용 가능합니다.

7분정도에 동영상 메뉴얼을 보시면 기능 쉽게 이해 가실겁니다.

v3.6 부터 스마트폰 세로모드를 편리하게 이용하세요.

나만의 지도만들기 동영상 도움말

간단하게 사용법을 설명하자면 타이틀이 될 곳에 내용을, 표시되야 될 곳은 주소를 지도에 메모가 나와야 될곳에  메모에 붙여 넣기 하시면 되는데, 방법은 엑셀이나 메모장에서 리스트를 복사한(Ctrl+C)후 프로그램에서 타이틀 붙여넣기, 좌표붙여넣기, 메모붙여넣기를 클릭하면 됩니다.

그다음 1.HTML생성 버튼을 클릭하면 HTML이 생성되는데 2.지도보기를 클릭하면 다음맵에 내용을 표시해줍니다.

추가적인 기능으로 가. 좌표검색을 클릭하면 카카오지도 API를 이용하여 좌표값을 구해줍니다. 조회가 끝나면 좌표검색결과를 복사를 클릭한후 엑셀이나 메모장에 붙여 넣기 하면 됩니다.

또한 주소 목록을 더블 클릭하면 좌표를 구해줍니다. 해본 결과 지번주소보다는 도로명주소가 검색이 잘 됩니다.

만든 지도는 저장버튼눌러서 저장이 됩니다. 다시 읽기버튼를 클릭하여 저장된 지도 HTML를 불러올 수 도 있습니다.

지도에 주소목록을 마크로 보여줍니다. 마우스를 마크 위로 가지고 가면 타이틀, 주소, 메모가 나타납니다. HTML생성시 선택표시 항목에서 이동가능을 클릭한 경우 마크를 드래그앤 드롭이 가능합니다.  오른쪽 하단 목록(타이틀)보기를 클릭하면 목록이 사라집니다. 목록을 더블클릭하면 마크 중심에 원이 표시되면서 중심으로 이동합니다.

스카이뷰, 지적편집도 보기도 가능합니다.  화면 캡처 등으로 통해 이미지로 저장가능합니다.

로드뷰도 지원됩니다. 

거리계산가능 할 있도록 2017.7.28 추가표시 기능을 넣었습니다. HTML를 추가적으로 넣어서 마크기준에서 반경원을 그리거나 마우스로 거리를 측정할 수 있습니다.

v3.00 부터 스마트폰에서도 확인이 가능하게 됬습니다.

v3.2 부터 카카오 네비, 내위치 보기, 지도에 타이틀보기를 지원합니다.

제가 업무하는데 불편하여 만들어서 공유하는거라 인터페이스가 부드럽지 못합니다. 조금이라도 여행하실때나 출장업무 보실때 도움이 됬으면 하는 바람입니다. (여러분의 댓글은 저에게 힘이됩니다.)

markPosition3_7.zip
0.44MB

사용자 마크 활용하기(사용법 추가)

1. 사용자 마크를 40*42 사이즈로 png 이미지를 만든다.

  * 배경을 투명으로 하고 확장자 이름은 소문자 해주셔야됩니다.

2. 사용자 마크에 서버(무료, 유료 또는 티스토리) 이미지를 업로드 합니다.

 * 티스토리에 이미지 올리기 (YJ블로그 연구소 참조) https://tistoryadlab.tistory.com/32

3. 아래 이미지 1번 사용자 부분에 서버의 이미지 폴더까지만 주소를 입력합니다.

4. 아래 이미지 2번 사용자 마크에 파일이름을 넣어주세요.(확장자 이름은 입력하지 않습니다. png만 지원)

* 서버에 올리기 힘드시거나 다른분도 같이 활용하기 좋은 마크 이미지인 경우 보내주시면 저희 서버에 올리도록하겠습니다.

아주방 기본 제공 사용자 마크 보기 

아주방님최고님 제공 사용마 마크 보기

 

 

markPosition3_7.zip
0.44MB

v3.7 변경내용 2021.3.20 (최신버전)

  1. 좌표 검색시 버그 수정 주소에 로, 길 들어간 주소 검색안되는 버그 수정

  2. 중심좌표 입력하지 않으면 에러 발생하도록 함.

  3. 최대 입력값 500에서 자유롭게 수정 가능함.

 

v3.6 변경내용 2021.1.1                    old 버전(v3.6) 받기(최신 버전 사용을 추천합니다.)

  1. 스마트폰 세로 보기에 최적하도록 만들어 한손에 클릭으로 카카오네비까지 연결되도록 인터페이스 개선

  2. 좌표 검색을 브이월드를 이용해서 아파트 동에 따라 정확한 위치 파악 가능

  3. 사용자 마크 기능을 추가하여 지도를 다양하게 활용가능하도록 변경

  4. 메일발송 기능을 추가하여 관리 및 삭제를 편리성 증대

 

  5. 목록에 체크박스를 넣어 활용도록 높임(스마트폰 세로 모드에서만 지원)

 

v3.20 변경내용 2020.6.8    old 버전(v3.20) 받기(최신 버전을 사용을 추천합니다.) 

  1. 카카오 네비와 연동하여 클릭하면 바로 연결됩니다.(스마트폰에서만 아이콘 표출되며 동작됩니다.)

  2. 내위치 보기, 숨기기를 선택하여 현재 위치 파악을 쉽게 하였습니다.

  3. 지도에 목록(타이틀)를 보여주는 기능을 추가하여 한눈에 파악하는데 도움을 줍니다.(옵션으로 조정가능)

  4. 좌표로 표시하기 버그 수정 및 스마트폰에서 사용하기 쉽도록 아이콘 변경하였습니다.

v3.01 변경내용 2020.5.28

  1. 주소의 좌표를 지정할수 있도록 기능 추가

v3.00 변경내용 2020.5.10

  1. 스마트폰에서 확인 할수 있도록 지도를 서버에 업로드 하는 방식으로 변경하였습니다.

  2. 엑셀등에서 자료 붙여넣기, 복사하기가 편리해졌습니다.

  3. 좌표를 지도에서 직접 찾아서 변경할 수 있도록 변경했습니다.

  4. 동영상메뉴얼을 제공합니다.

v2.02 변경내용 2017.7.28  old 버전(v202) 받기(최신 버전 사용을 추천드려요)

  1. 청풍님이 만들어주신 마크 201~500까지 추가하였습니다.

  2. 거리계산을 할 수 있도록 추가표시 기능을 넣었습니다.

  3. 마크를 찾기 쉽게하기 위해 목록 클릭시 200m 반경 표시후 사라집니다.

v2.01 변경내용 2017.7.20

  1. 좌표구하기 지번주소인 경우 검색오류 수정

  2. Daum 지도 api 변경에 따른 주소를 좌표로 전환하는 함수 변경

v2 변경내용 2017.7.16

  1.최대 마크수 100 -> 제한없음

   - 1000까지 테스트 해봤는데 나옵니다. 단 최대값을 지정후 변경하신후 좌표검색후 HTML생성하셔야 됩니다.
      마크이미지는 200개까지만 만들어서 초과 마크는 기본마크로 나오게 했습니다.

     1000까지 만들면 좋을거 같은데 혹시 마크 만들어주실분 있으면 도와주세요.
      

mark.zip
다운로드

200개의 마크와 gimp파일 같이 있습니다.

mark2.zip
다운로드

 201~500 청풍님이 만들어 주셨습니다.

지도핀마크.zip
다운로드

님이 만들어 주셨습니다.

  2. 사용자마크기능 추가

  - 마크를 사용자가 만들어서 다양하게 표현할 수 있도록 사용자마크란에 이미지화일의 URL를 지정하시면 됩니다.