장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    스토어-321
    Home / 스토어-321
    네이버지도 스킨 M1
    네이버지도를 통해 장소(마커)를 표시하는 지도 스킨
    글보기
    판매가격38,500  49,500 22%
    혜택1,000 포인트 적립
    개발사Hometory
    글보기
    선택옵션
    홈페이지 URL
    라이센스를 등록할 URL주소를 입력해 주세요
    개발용 URL
    홈페이지 주소와 개발 주소가 다를 경우에만 입력해 주세요
    글보기
    글보기


    [ 네이버지도 스킨 M1 ]


    설치환경 : 망보드 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_naver_m1/


    주의사항 목록의 개수가 20개로 설정되어 있으면 마커는 최대 20개까지만 표시됩니다.

                    (목록 개수는 관리자>Mangboard>게시판 관리>설정에서 최대 100개까지 수정 가능)




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


    게시판 기능을 이용하여 지도에 표시되는 장소(마커)를 손쉽게 관리할 수 있습니다. 




     mb-file.php?path=2020%2F05%2F11%2FF12448_M1_naver_01.png
     


    [ 네이버지도 게시판 스킨 적용 ]



     



    [ 숏코드 설정 ]   


    [mb_board name="s_map_naver" list_map_height="360" list_zoom="12" view_zoom="14" write_zoom="13" list_map_lat="37.557082611362674" list_map_lng="126.9733781569978" write_map_lat="37.557082611362674" write_map_lng="126.9733781569978" map_key="지도 API 키 입력" style=""] 


      – name : 게시판 이름 (지도 게시판으로 사용하기 위해 생성한 게시판 이름으로 수정)
      – list_map_height : 목록 화면 지도 높이 (숫자만 입력)   
        tablet_list_map_height : [태블릿] 목록 화면 지도 높이 (생략가능)
        mobile_list_map_height : [모바일] 목록 화면 지도 높이 (생략가능)
      – list_zoom : 목록 화면 줌 설정 (숫자만 입력, 숫자가 클수록 지도가 확대됨)
        tablet_list_zoom : [태블릿] 목록 화면 줌 설정 (생략가능)
        mobile_list_zoom : [모바일] 목록 화면 줌 설정 (생략가능)
      – view_zoom : 글보기 화면 줌 설정 (숫자만 입력숫자가 클수록 지도가 확대됨)
        tablet_view_zoom : [태블릿] 글보기 화면 줌 설정 (생략가능)
        mobile_view_zoom : [모바일] 글보기 화면 줌 설정 (생략가능)
      – write_zoom : 글쓰기 화면 줌 설정 (숫자만 입력숫자가 클수록 지도가 확대됨)
        tablet_write_zoom : [태블릿] 글쓰기 화면 줌 설정 (생략가능)
        mobile_write_zoom : [모바일] 글쓰기 화면 줌 설정 (생략가능)
      – list_map_lat : 목록 화면 지도 좌표 - 위도 (글쓰기 화면 지도에서 좌표 확인 가능)
        tablet_list_map_lat : [태블릿] 목록 화면 지도 좌표 - 위도 (생략가능)
        mobile_list_map_lat : [모바일] 목록 화면 지도 좌표 - 위도 (생략가능)
      – list_map_lng : 목록 화면 지도 좌표 - 경도 (글쓰기 화면 지도에서 좌표 확인 가능)
        tablet_list_map_lng : [태블릿] 목록 화면 지도 좌표 - 경도 (생략가능)
        mobile_list_map_lng : [모바일] 목록 화면 지도 좌표 - 경도 (생략가능)
      – write_map_lat : 글쓰기 화면 지도 좌표 - 위도 (글쓰기 화면 지도에서 좌표 확인 가능)
        tablet_write_map_lat : [태블릿] 글쓰기 화면 지도 좌표 - 위도 (생략가능)
        mobile_write_map_lat : [모바일] 글쓰기 화면 지도 좌표 - 위도 (생략가능)
      – write_map_lng : 글쓰기 화면 지도 좌표 - 경도 (글쓰기 화면 지도에서 좌표 확인 가능)
        tablet_write_map_lng : [태블릿] 글쓰기 화면 지도 좌표 - 경도 (생략가능)
        mobile_write_map_lng : [모바일] 글쓰기 화면 지도 좌표 - 경도 (생략가능)
      – map_key : 지도 키 입력 (아래의 내용 참조)
      – style : CSS 스타일 속성 입력




    [ 지도 API 키 ]
     

    1. 네이버 클라우드 플랫폼 회원가입 및 결제정보 입력: https://www.ncloud.com/ 

    2. 네이버 지도 서비스 주소 접속: https://www.ncloud.com/product/applicationService/maps   > "이용 신청하기" 버튼 클릭

    naver_map1.png


    3. + Application 등록 버튼 > 이름입력 > Service 선택 항목에서 Maps 선택 >  Web 서비스 URL 입력 (네이버 지도를 사용할 홈페이지 URL)  >  등록버튼 클릭

    (자체 개발한 모바일앱이 없을 경우 Map Service 선택 항목에서 Mobile Dynamic Map 항목만 해제)

    naver_map2.jpg


    4.  생성된 앱이름 하단에 "인증정보" 버튼 클릭  >  Client ID 복사  >  지도 숏코드에서 map_key 속성에 복사한 Client ID 입력

    naver_map3.png



    ※ 네이버 Maps API 가이드: https://navermaps.github.io/maps.js.ncp/

     





    [ 네이버 지도 서비스 이용한도 ]


    naver_map2.jpg

     




     

    [ 지도 아이콘 ]   


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

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

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

    mb-file.php?path=2017%2F08%2F10%2FF1327_icon_map_marker.png



     

    [ 설치방법 ] 


    1. 스토어 연결 기능을 통해 필요한 파일이 자동으로 설치되는 상품입니다.

       - 설치방법: https://www.mangboard.com/tip/?vid=42

       - 설치경로: /wp-content/plugins/mangboard/skins/hometory_map_naver_m1


    2. 워드프레스 관리자 > MangBoard > 게시판 관리 > 설정(스킨을 적용할 게시판 선택) > 스킨이름에서 새로 추가한 스킨(hometory_map_naver_m1)을 선택한 후 저장합니다.


    3. 상품 내용을 참조하여 숏코드를 워드프레스 페이지에 입력하여 게시판을 연결합니다.

       (지도 키를 직접 발급받은 지도 키로 입력하지 않을 경우 지도가 정상적으로 나타나지 않습니다)



     

    [ 라이센스 / 환불 ] 


    1. 라이센스 : 1copy-1domain-1host : 1개 도메인-1개 호스트(www)에서만 사용 가능 (기간제한 없이 평생 사용 가능)

    2. 환불정책 : 파일 상품은 구입후 1주일 이내 이유에 상관없이 100% 환불을 보장합니다.

                        도메인 변경은 구입후 90일 이내에만 변경이 가능하며, 횟수에 상관없이 직접 변경이 가능합니다.

                        인건비에 해당하는 선택옵션(기술지원,디자인수정 등)은 지원을 받았을 경우 환불이 불가합니다.

    3. 보증정책 : 무보증 (유료 관리 서비스 사용자에 한해서만 보증)

                        호환성 문제 및 사용도중 발생하는 문제에 대해서는 무료 기술지원을 해드리지 않습니다.

    4. 주의사항 : 기술지원이 포함되어 있지 않은 무보증 상품으로 추가적인 사용 및 수정방법에 대한 안내를 해드리지 않습니다.

                        추가적인 도움이 필요하신 분들은 기술지원 옵션을 선택해 주세요.

    5. 기술지원 : 설치대행/디자인수정/기능수정을 신청하시는 분들은 구매후 아래 주소에서 기술지원을 신청해 주세요.

                        기술지원 신청: https://www.mangboard.com/tech_support/



     

    [ 상품 Q&A ] 


    문의유형문의/답변작성자날짜
    상품문의이 스킨에 질문 있어요. [답변]Ky**2024-03-31