본문으로 건너뛰기

WP Location Finder: 지도 API 구성

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

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

Google Maps API를 사용할 때마다, 도메인이 2016년 6월 22일 이후에 생성된 경우, 요청 유효성 검사를 위해 API 키를 포함해야 합니다.
API 키를 발급받고 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 및 서비스 아래 그림과 같이 해당 서비스를 찾으세요.

  • 지도 자바스크립트 API
  • 지오코딩 API
  • 지리 위치 API
  • 장소 API
  • 방향 API

 

API 서비스 활성화

 

1.2 구글 지도 ID는 어떻게 생성하나요?

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

 

새 지도 ID 생성

 

그런 다음 새 지도 ID 생성 페이지에서 다음을 수행하십시오

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

 

새로운 맵 ID 필드

 

'저장 클릭하는 것을 잊지 마세요 . 설정에 필요하므로 꼭 보관해 두시기 바랍니다.

 

맵 ID 생성됨

 

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

 

1.3 오픈스트리트맵 토큰은 어떻게 생성하나요?

여기를 방문하여 새 계정을 등록하거나 기존 계정에 로그인하세요. 액세스 토큰을 생성하기 전에 이 단계를 반드시 거쳐야 합니다.

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

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

 

액세스 토큰

 

새 액세스 토큰이 생성되면 표시됩니다. 이 토큰은 이후 구성 단계에서 사용되므로 복사하여 안전하게 보관하십시오.

 

토큰 생성됨

 

2. 주요 설정 섹션

지도 제공자

메뉴에서 위치 찾기 > 설정 > 기본 설정 으로 이동하여 GoogleOpenStreetMap 두 가지 지도 제공업체 옵션이 있습니다 .

Google Maps를 제공업체로 선택하는 경우 이전 설정 단계에서 얻은 자격 증명을 사용하여 다음 필수 필드를 구성해야 합니다

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

 

채우기 설정

 

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

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

 

오픈스트리트맵 제공업체

 

지도 제공업체 설정을 구성한 후에는 Google 지도와 OpenStreetMap 모두에서 작동하는 여러 가지 맞춤 설정 기능을 통해 지도의 기능과 사용자 경험을 향상시킬 수 있습니다

  • 위치 이름 검색
  • 표시 카테고리 필터
  • 국가 필터 표시
  • 표시 반경 필터
  • 거리 단위: km/mi
  • 반경 검색 거리: 반경 검색 도구에서 입력할 거리
  • 표시 태그 필터
  • 위치 상세 정보를 새 탭에서 열기

 

지도 상세 설정

 

지도 표시

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

 

지도 표시 설정

     

    컬러 및 마커 이미지

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

     

    위치-색상-표시 설정

    단일 위치

    • 매장 정보 추가: 각 매장에 매장 이름, 영업 시간 등 특정 정보를 추가합니다.

     

    3. AI 설정

    이 기능을 사용하려면 플러그인 설정 > AI 설정 > 가격 탭으로 이동하여 크레딧을 획득하세요. ' 지금 AI 크레딧 받기' 버튼을 클릭하고 구매 절차를 완료하세요.

     

    AI 크레딧을 받으세요

     

    크레딧을 획득한 후 AI 설정 > 설정 탭 > 콘텐츠 길이 제한 섹션으로 돌아가 다음 옵션을 구성하십시오.

    • AI가 생성하는 제목의 최대 단어 수를 설정합니다
    • AI 설명 길이: 생성된 설명의 최대 단어 수를 설정합니다.

     

    AI 설정 계획

     

    AI 전역 설정 에서 AI 생성 콘텐츠에 사용할 언어를 사용자 지정할 수 있습니다. 상단 표시줄에 AI 할당량 표시 옵션을 하면 WordPress 상단 표시줄에 남은 할당량이 표시됩니다.

     

    상단 표시줄에 크레딧 표시

     

    설정이 완료되면 모든 위치 보기 또는 개별 위치 보기에서 AI 최적화 기능을 이용할 수 있습니다. 페이지 상단의 AI 최적화 생성 버튼을 선택하여 SEO 데이터를 자동으로 생성하거나 입력하세요.

     

    AI 최적화 버튼

     

    4. 수입/수출 지역

    수입 지역

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

     

    수입 위치

     

    템플릿이 필요하신가요? '샘플 CSV 파일 다운로드 하는 위치를 업데이트하거나, 존재하지 않는 새 위치를 추가하려면 '기존 위치 업데이트(일치하는 경우) 또는 새 위치 추가(없음)' 옵션을 선택하세요

    수출 지역

    기존 위치 정보를 내보낼 준비가 되면 ' 내보내기 ' 섹션으로 이동하세요. 거기서 필요한 형식에 따라 'CSV로 내보내기' 또는 'KML로 내보내기'

     

    수출 지역

     

    동기화

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

    시스템은 사용자가 선택한 간격으로 데이터를 자동으로 가져와 일치하는 항목이 발견되면 기존 위치를 업데이트하고 추가 데이터의 경우 새 항목을 생성합니다.

     

    동기화 위치

     

    5. 접근 제어

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

     

    접근 제어

     

    WP Location Finder: 설치

    1. 설치

    저희 플러그인을 설치하려면 표준 WordPress 설치 프로그램을 사용하거나 압축을 풀어 모든 폴더를 /wp-content/plugin 폴더에 넣으시면 됩니다.

     

    업로드 플러그인

     

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

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

    앞으로는 플러그인을 사용하기 전에 반드시 JoomUnited 계정에 로그인하십시오.

     

    주무유나이티드 로그인 라이선스

     

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

     

    WP Location Finder 업데이트하려면 WordPress 기본 업데이트 기능을 사용하거나, www.joomunited.com에서 다운로드한 .zip 파일을 이용하여 기존 버전을 제거하고 새 버전을 설치할 수 있습니다. 어떤 방법을 사용하든 모든 콘텐츠는 데이터베이스에 저장되므로 손실되지 않습니다.

     

    wp-location-finder-install

     

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

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

     

    wp-location-finder-업데이트

     

    JoomUnited 계정 로그인 아이디와 비밀번호를 입력하세요. 로그인에 성공하면 '지금 업데이트' 링크가 나타나며, 이 링크를 클릭하여 새 버전으로 업데이트할 수 있습니다.

     

    wp-location-finder-업데이트

     

    마지막으로, 워드프레스 표준 업데이트를 통해 모든 JoomUnited 상용 플러그인을 업데이트할 수 있습니다.

     

    wp-location-finder-업데이트됨

     

    WP Location Finder: 검색 및 위치 설정

    1. 위치를 생성합니다

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

     

    새 위치 추가

     

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

     

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

     

    새 위치 필드 추가

     

    또는 지도 아래에 있는 주소 수동 입력란을 이용하세요. 화살표를 클릭하면 모든 입력란이 펼쳐집니다.

     

    주소-수동-입력

     

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

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

     

    이미지 아이콘 위치

     

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

     

    위치 세부 정보

     

    그런 다음 위치에 대해 하나 또는 여러 개의 카테고리를 선택할 수 있습니다.

     

    위치 카테고리 선택

     

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

    • 상태: 다음 세 가지 상태 중 하나를 선택하세요. 초안, 검토 대기 중, 게시됨
    • 공개 여부: 공개, 비밀번호 보호, 비공개
    • 발표 시점: 즉시, 예정된 발표
    • 숏코드: 사이트 어디에든 게시할 때 사용하세요.

     

    위치-게시-섹션

     

    저장 필드

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

     

    단일 위치 매장 필드

     

    미리보기 위치

    웹사이트에서 위치 정보를 미리 보려면 '게시 섹션으로 이동하여 ' 미리 보기' 버튼을 클릭하세요.

     

    미리보기 위치

     

    2. 쇼트코드 생성기

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

    • 위치 검색: [wplf type_of_view="location_search" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • 지도 보기 전용: [wplf type_of_view="map_view" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • 단일 위치: [wplf id="578" map_zoom="Auto"]
    • 프런트엔드 제출 양식: [wplf_submission]
    • 내 위치(프런트엔드): [wplf_my_locations items_per_page="8"]

     

    숏코드 생성기 위치 검색

     

    선택한 보기 유형에 따라 프런트엔드에서 어떻게 표시될지 미리 보기가 표시됩니다. 생성된 쇼트코드는 왼쪽 하단에 나타나며, 이를 복사하여 페이지의 원하는 위치에 삽입할 수 있습니다.

     

    3. 위치 분류

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

     

    위치 카테고리 추가

     

    4. 위치 태그

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

     

    위치 태그 추가