장바구니

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

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    store2
    Home / store2
    구글지도 스킨 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_google_m1/


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

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



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


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




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


    [ 구글지도 게시판 스킨 적용 ]





    [ 숏코드 설정 ]   


    [mb_board name="s_map_google" list_map_height="360" list_zoom="12" view_zoom="15" write_zoom="14" 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://console.cloud.google.com/home) 접속  

    2. 개발자 등록 및 새프로젝트 생성

       - 매월 $200.00의 무료 사용량이 제공되며 초과시 요금이 부가됨 

       - 결제계정을 연결해야만 사용 가능

    3. Maps API 및 서비스 설정 주소  (https://console.cloud.google.com/google/maps-apis/api-list?hl=ko) 접속 

       - Maps JavaScript API 항목 클릭 > "사용설정" 버튼 클릭

       - Geolocation API 항목 클릭 > "사용설정" 버튼 클릭 

    4. 왼쪽 상단에 탐색메뉴( mb-file.php?path=2020%2F03%2F16%2FF12035_menu_image.PNG 버튼 클릭 > API 및 서비스 > 사용자 인증 정보 

    5. 사용자 인증 정보 페이지 상단에 있는 "+사용자 인증정보 만들기"  > API 키 항목 클릭

    6. API 키가 표시된 팝업창이 나오면 하단에 "키제한" 버튼 클릭

    7. 애플리케이션 제한사항 > HTTP 리퍼러(웹사이트) 선택 > 리퍼러 주소에 지도를 사용할 웹사이트 주소 입력 후 완료 버튼 클릭 (예: *.mangboard.com/* )

    8. 페이지 하단에 저장 버튼 클릭 후 생성한 API 키를 숏코드 map_key 속성에 입력


    ※ 구글 Maps 가이드: https://developers.google.com/maps/documentation/





    [ 지도 아이콘 ]   


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

    원하시는 마커 아이콘을 수정하신 후 hometory_map_google_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_google_m1


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


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

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



     

    [ 라이센스 / 환불 ] 


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

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

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

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

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

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

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

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

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

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



     

    [ 상품 Q&A ] 


    문의유형문의/답변작성자날짜
    등록된 상품 문의가 없습니다