[ 카카오지도 스킨 M2 ] 

설치환경 : 망보드 Basic 1.4.3, PHP 5.4.0, MySQL 5.x(MariaDB 10.0.x) 이상 필요

라이센스 : 1copy-1domain-1host : 1개 도메인-1개 호스트(www)에서만 사용이 가능합니다

샘플주소 : https://demo.mangboard.com/s_map_kakao_m2/

주요기능

 - 카카오 지도를 연동하여 장소(마커)를 표시하는 기능

 - 마커와 연동되는 웹진 리스트 기능

 - 지도 줌 확대시 마커에 대한 라벨 표시 기능

 - 지도 줌 축소시 그룹으로 묶어서 보여주는 클러스터 기능

 - 지도가 줌 축소/확대 및 좌표가 이동 되면 해당 영역에 속한 마커를 다시 불러옴 

 - 지도에서 마커 클릭시 웹진 목록에서 마커에 해당하는 정보 노출

 - 웹진 목록에서 이미지 클릭시 해당 마커 위치 표시 기능  

 - 웹진 텍스트 클릭시 마커 상세보기 페이지로 이동

주의사항 

 - 소규모 지도 서비스를 위한 지도스킨으로 지도에서 한번에 불러올 수 있는 마커는 최대 2,000개 까지만 가능 

   화면에 보이는 지도 영역에 3,000개의 마커 데이타가 검색되도 지도에는 최대 2,000개의 마커만 표시됨 

 - 한번의 불러올 수 있는 마커의 최대 개수는 호스팅 사양에 따라 변동 가능

 - 저사양 호스팅 이용시 200개 이상의 마커를 한번에 불러오기 위해서는 "wp-config.php" 파일에 "define('WP_MEMORY_LIMIT', '512M');" 코드 추가 필요

 - 현재 위치를 찾아주는 "내위치" 버튼은 보안인증서(https)가 설치된 주소에서만 표시됨

 - 워드프레스 관리자 > 게시판 관리 페이지에서는 지도 기능 표시 안됨 

 - 지도에 한번에 표시되는 마커가 많아질수록 느려지는 문제가 발생할 수 있으며, 이러한 문제를 최소화하기 위해 클러스터 기능 및 현재 화면에 보이는 마커만 표시되는 기능 적용 

 - 웹에이전시에서 직접 개발한 솔루션 형태로 변형해서 납품 불가 (무제한 라이센스 이용자만 조건부 허용) 

카카오지도를 통해 장소(마커)를 표시하는 기능을 제공하는 지도 스킨으로  

줌 확대시 마커에 대한 라벨 표시 기능과 줌 축소시 마커를 그룹으로 보여주는 클러스터 기능을 제공합니다.

 [ 카카오지도 스킨 목록 화면 ] 

[ 숏코드 설정 ] 

[mb_board name="s_map_kakao" list_layout="full" list_webzine_width="390" marker_label="place" cluster_zoom="9" label_zoom="5" list_zoom="8" view_zoom="5" write_zoom="6" max_marker_label_length="30" image_hover_focus="false" focus_zoom="5" list_map_lat="37.557082611362674" list_map_lng="126.9733781569978" write_map_lat="37.557082611362674" write_map_lng="126.9733781569978" map_key="지도 API 키 입력" style=""] 

1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 

2. 개발자 등록 및 앱 생성

3. 생성한 앱 선택 – [앱 설정] – [플랫폼] – [Web 플랫폼 등록 버튼 클릭] – [사이트 도메인에 카카오 지도를 적용할 홈페이지 URL 주소 입력] - "저장" 버튼 클릭 

[ 카카오 지도 서비스 이용한도 ] 

[ 지도 아이콘 ]   

hometory_map_kakao_m2/psd 폴더에 아래와 같이 6개의 마커 아이콘이 들어있습니다. 

원하시는 마커 아이콘을 수정하신 후 hometory_map_kakao_m2/images/icon_map_marker1.png 파일에 

덮어쓰기로 업로드 해주시면 됩니다.

[ 상품 Q&A ]