메인 콘텐츠로 건너뛰기

WP Location Finder: 지도 API 구성

1. 지도 API를 어떻게 생성하나요?

1.1 Google Maps API 키 및 API 서비스 받기

Google Maps API를 사용할 때마다 도메인이 2016년 6월 22일 이후에 생성된 경우, 요청 검증을 위해 키를 포함해야 합니다.
키를 받고 API를 활성화하세요: https://developers.google.com/maps/documentation/javascript/get-api-key

자세한 정보: https://developers.google.com/maps/documentation/javascript/usage?hl=en

먼저 Google Cloud 콘솔 프로젝트를 선택하거나 새 프로젝트를 만드세요. 그런 다음 "+ 사용자 인증 정보 만들기" 버튼을 "API 키" 옵션을 선택하세요.

 

API 키 생성

 

다음 단계로 넘어가 '만들기 ' 버튼을 클릭하여 새 API 키를 생성하세요. 다음 단계를 위해 저장해 두세요.

 

API 키 생성됨

 

또한, 특정 필수 API 서비스를 활성화해야 합니다. Google 콘솔에서 'API 및 서비스' 아래와 같이 해당 서비스를 확인하세요.

  • 지도 JavaScript API
  • 지오코딩 API
  • 지리적 위치 API
  • 장소 API
  • 길찾기 API

 

API 서비스 활성화

 

1.2 Google Map ID를 만드는 방법은 무엇인가요?

지도 ID를 생성하려면 지도 관리 '지도 ID 생성' 클릭하세요 .

 

새 맵 ID 생성

 

그런 다음 새 지도 ID 만들기 페이지에서 다음을 수행합니다.

  • 이름: 지도 ID 이름을 입력하세요.
  • 설명: 맵 ID가 어떤 용도로 사용되는지 설명합니다(선택 사항)
  • 지도 유형: JavaScript를 선택하고 래스터(기본값) 또는 벡터 지도 유형도 선택합니다.

 

새로운 맵 ID 필드

 

저장 클릭하여 새 지도 ID를 표시하세요. 설정에 사용할 지도 ID를 보관해 주세요.

 

맵-id-생성됨

 

참고: 지도 ID는 Google Cloud에 저장된 Google 지도 스타일 및 구성 설정을 나타내는 고유 식별자입니다. 지도 ID가 없는 경우 테스트 목적으로 "DEMO_MAP_ID" 지도 ID를 사용하세요.

 

1.3 OpenStreetMap 토큰을 만드는 방법은 무엇인가요?

여기를 방문하여 새 계정을 등록하거나 기존 계정에 로그인하세요. 액세스 토큰을 생성하기 전에 이 단계가 필수입니다.

로그인에 성공하면 사용자 설정 또는 계정 메뉴에서 "액세스 토큰" "액세스 토큰 만들기" 옵션을 찾아 선택하면 토큰 생성 프로세스가 시작됩니다. 모든 토큰 생성 필드는 액세스 토큰 페이지에서 바로 확인할 수 있습니다. 토큰을 생성하려면 다음 단계를 따르세요.

  • 나중에 이 토큰을 식별하는 데 도움이 되도록 "레이블" 에 설명적인 이름을 입력하세요.
  • 아래의 두 추가 필드는 비워두세요(대부분의 사용자에게는 기본 설정이 충분합니다)
  • "생성" 클릭하여 새 액세스 토큰을 생성하세요.

 

액세스 토큰

 

새 액세스 토큰이 생성되면 표시됩니다. 이후 구성 단계에서 사용할 수 있도록 이 토큰을 복사하여 안전하게 보관하세요.

 

토큰 생성

 

2. 주요 설정 섹션

지도 제공자

메뉴 위치 찾기 > 설정 > 기본 설정 으로 이동하여 지도 제공자 기본 설정을 구성하세요. 사용 가능한 지도 제공자 옵션은 GoogleOpenStreetMap .

Google Maps를 공급자로 선택하는 경우 이전 설정 단계의 자격 증명을 사용하여 다음의 필수 필드를 구성해야 합니다.

  • Google Maps API 키: 새 API 키를 생성하는 방법을 모르시면 1.1단계 로 돌아가세요.
  • 지도 ID: 지도 ID는 Google Cloud에 저장된 Google 지도 스타일 및 구성 설정을 나타내는 고유 식별자입니다.
    필수이며, 필요하지 않으면 기본 ID(DEMO_MAP_ID)를 그대로 사용할 수 있습니다.
  • 지도 기본 확대/축소: 처음 로드 시 지도의 기본 확대/축소 수준(자동 확대/축소를 0으로 설정)
  • 지도 유형: 로드맵, 위성, 하이브리드, 지형.
  • 지도 레이어: KML, 교통, 대중교통, 자전거.

 

채우기 설정

 

1.3단계 에서 얻은 액세스 토큰을 입력해야 합니다 .

  • 지오코딩 액세스 토큰: LocationIQ 액세스 토큰은 주소 자동완성 기능에 필요합니다.
  • 지도 기본 확대/축소: 처음 로드 시 지도의 기본 확대/축소 수준(자동 확대/축소를 0으로 설정)
  • 지도 유형: 기본, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • 사용자 정의 타일 레이어: 사용자 정의 레이어를 입력합니다.

 

OpenStreetMap 제공자

 

지도 제공자 설정을 구성한 후에는 Google Maps와 OpenStreetMap 모두에서 작동하여 지도의 기능과 사용자 경험을 향상시키는 여러 가지 사용자 지정 기능을 알아볼 수 있습니다.

  • 카테고리 필터 표시
  • 국가 필터 표시
  • 디스플레이 반경 필터
  • 거리 단위: km/mi
  • 반경 검색을 위한 거리: 반경 검색 도구의 거리
  • 디스플레이 태그 필터
  • 새 탭에서 위치 세부 정보 열기

 

지도 상세 설정

 

지도 표시

설정 의 지도에 표시됩니다 .

 

지도 표시 설정

     

    색상 및 마커 이미지

    여기서 색상과 기본 마커 이미지를 조정할 수 있습니다.

     

    위치-색상-마커-설정

    단일 위치

    • 매장 필드 추가: 매장 이름 및 매장 영업 시간 등 각 위치에 특정 필드를 추가합니다.

     

    3. 단축코드 생성기

    지도 단축코드를 생성하려면 메뉴 '위치 찾기' > '단축코드 생성기'로 이동하세요. 보기 유형 에서 아래 옵션을 설정할 수 있습니다 .

    • 위치 검색: [wplf type_of_view="location_search" default_address="파리, 프랑스" categories="16" tags="27" map_zoom="자동"]
    • 지도 보기만: [wplf type_of_view="map_view" default_address="파리, 프랑스" categories="16" tags="27" map_zoom="자동"]
    • 단일 위치: [wplf id="578" map_zoom="자동"]
    • 프런트엔드 제출 양식: [wplf_submission]
    • 내 위치(프런트엔드): [wplf_my_locations items_per_page="8"]

     

    단축코드 생성기 위치 검색

     

    선택한 뷰 유형에 따라 프런트엔드에 어떻게 표시되는지 미리 볼 수 있는 미리보기가 표시됩니다. 생성된 숏코드는 왼쪽 하단에 표시되며, 페이지 어디에나 복사하여 삽입할 수 있습니다.

     

    4. 위치 카테고리

    위치 카테고리를 관리하려면 메뉴 위치 찾기 > 위치 카테고리로 이동하세요.  이 섹션에서는 위치 카테고리를 손쉽게 관리할 수 있습니다. 필요에 따라 추가, 편집 또는 삭제할 수 있습니다!

     

    위치 카테고리 추가

     

    5. 위치 태그

    메뉴 위치 찾기 > 위치 태그 로 이동하세요 이 섹션에서 위치 태그를 손쉽게 관리할 수 있습니다. 필요에 따라 추가, 편집 또는 삭제할 수 있습니다!

     

    위치 태그 추가

     

    6. 가져오기/내보내기 위치

    가져오기 위치

    위치 가져오기를 시작하려면 메뉴 '위치 찾기' > '설정' > '가져오기' 섹션으로 이동하세요. 기존 데이터 형식에 따라 해당 필드에서 CSV 또는 KML

     

    수입 위치

     

    템플릿이 필요하신가요? '샘플 CSV 파일 다운로드 ' 링크를 클릭하시면 샘플 파일을 다운로드하고 적절한 형식을 확인하실 수 있습니다. 새 항목을 추가하는 동시에 현재 데이터를 업데이트하려면 "일치하는 기존 위치 업데이트 또는 존재하지 않는 새 위치 추가"

    내보내기 위치

    기존 위치를 내보낼 준비가 되면 ' 내보내기' 필요한 형식에 따라 "CSV로 내보내기" 또는 "KML로 내보내기" 클릭하세요

     

    수출 위치

     

    동기화

    자동 CSV 동기화를 설정하려면 설정 > 가져오기/내보내기 > 동기화 탭으로 이동하여 미디어 라이브러리에서 CSV 파일을 선택하세요. "자동 동기화 사용" "동기화 간격(분)" 에 원하는 업데이트 빈도를 지정하세요 .

    시스템은 귀하가 선택한 간격으로 자동으로 데이터를 가져오고, 일치하는 항목이 발견되면 기존 위치를 업데이트하고 추가 데이터에 대한 새 항목을 만듭니다.

     

    동기화-위치

     

    7. 접근 제어

    각 사용자 역할에 대한 위치 권한(생성, 편집, 삭제, 게시)을 관리하려면 설정 > 액세스 제어 .

     

    접근 제어

     

     

     

    WP Location Finder: 설치

    1. 설치

    플러그인을 설치하려면 표준 WordPress 설치 프로그램을 사용하거나 압축을 풀어 전체 폴더를 /wp-content/plugin에 넣으세요.

     

    업로드 플러그인

     

    플러그인 활성화를 클릭하면 WordPress 왼쪽 메뉴에 WP Location Finder 납니다

    WP Location Finder 전용 왼쪽 메뉴에서 접근할 수 있습니다. 

    이제부터 플러그인을 사용하기 전에 JoomUnited 계정에 로그인하시기 바랍니다.

     

    joomunited-로그인-라이센스

     

    2. 플러그인을 업데이트하세요

     

    WP Location Finder 업데이트하려면 WordPress 기본 업데이터를 사용할 수 있습니다. www.joomunited.com에서 다운로드한 .zip 파일에서 새 버전을 삭제하고 설치할 수도 있습니다. 어떤 경우든 모든 내용이 데이터베이스에 저장되므로 콘텐츠가 손실되지 않습니다.

     

    wp-location-finder-설치

     

    보안 및 안정성 문제를 방지하려면 항상 최신 버전을 사용하세요.

    유료 버전을 업데이트하려면 JoomUnited 계정에 로그인해야 합니다. 아직 로그인하지 않으셨다면 'JoomUnited 계정을 연결하여 업데이트' 또는 'JoomUnited 로그인' 링크 텍스트를 클릭하세요.

     

    wp-위치-찾기-업데이트

     

    JoomUnited 계정 로그인 정보와 비밀번호를 입력하세요. 로그인이 완료되면 '지금 업데이트' 링크가 나타나고, 클릭하면 새 버전을 업데이트할 수 있습니다.

     

    wp-위치-찾기-업데이트

     

    마지막으로 WordPress 표준 업데이트에서 모든 JoomUnited 상용 플러그인을 업데이트할 수 있습니다.

     

    wp-location-finder-업데이트됨

     

    WP Location Finder: 검색 및 위치 설정

    위치 생성

    새 위치를 만들려면 '위치 찾기' > '모든 위치'로 이동하세요. ' 새 위치 추가' 버튼을 클릭하세요.

     

    새 위치 추가

     

    그러면 새 위치 추가 페이지가 나타나고, 두 개의 기본 패널이 있습니다. 왼쪽은 세부 정보 필드이고 오른쪽은 지도입니다. 아래에는 값을 입력하거나 선택할 수 있는 필드가 있습니다.

     

    • 위치 이름: 주소 이름을 입력하세요.
    • URL: 게시 후 생성됩니다.
    • 위치 설명: 
    • 위치 검색: 위도와 경도 값을 얻으려면 검색 필드에 주소를 입력하세요.

     

    새 위치 필드 추가

     

    또는 지도 아래에 있는 수동 입력 주소 섹션을 사용하세요. 화살표를 클릭하면 모든 필드가 확장됩니다.

     

    주소-수동-입력

     

    아래로 스크롤하여 해당 위치에 대한 더 자세한 옵션을 확인하세요.

    • 대표 이미지: 해당 위치를 대표하는 이미지를 선택하세요.
    • 이미지 갤러리: 해당 위치에 대한 이미지를 업로드하세요.
    • 마커 이미지: 아이콘 세트에서 선택하거나 나만의 아이콘을 업로드하세요.

     

    이미지-아이콘-위치

     

    • 위치 연락처 URL
    • 위치 재정의 URL
    • 태그: 입력 위치 태그.
    • 위치 SEO 제목
    • 위치 SEO 메타 설명

     

    위치 세부 정보

     

    그런 다음 해당 위치에 대한 카테고리를 하나 이상 선택할 수 있습니다.

     

    위치-카테고리-선택

     

    다음으로, 게시 섹션에서 다음 필드를 설정할 수 있습니다.

    • 상태: 초안, 검토 보류, 게시 중 3가지 상태 중 하나를 선택하세요.
    • 가시성: 공개, 암호로 보호, 비공개
    • 게시 시간 : 즉시, 예정 게시
    • 단축 코드: 사이트의 어느 곳에나 게시하는 데 사용하세요.

     

    위치-게시-섹션

     

    저장 필드

    고객에게 영업시간을 표시하는 이 기능을 사용하려면 먼저 설정에서 해당 옵션을 활성화해야 합니다. 활성화가 완료되면 새 매장을 생성할 때 '매장 필드'

     

    단일 위치 매장 필드

     

    미리보기 위치

    프런트엔드에서 위치 미리보기를 보려면 '게시 ' 섹션으로 가서 ' 미리보기' 버튼을 클릭하세요.

     

    미리보기-위치