My Maps location: 위치 및 카테고리

1. Google Maps 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

첫 번째 단계는 프로젝트를 만든 다음 프로젝트 이름을 입력하는 것입니다.

mydomain에서 모든 요청을 허용하려면 패턴은 *.joomunited.com/*입니다.
예를 들어 mydomain.com과 같은 단일 도메인만 허용하려면 패턴은 joomunited.com/*입니다.

로컬호스트 환경에서는 유효한 키를 입력해도 도메인 참조 없이 작동합니다.

그러면 API 키가 생성되고, 이 키를 복사하여 My Maps location에 추가해야 합니다.

My Maps Location에 키를 추가합니다.

구성 요소 > My Maps Location > 옵션 보기 에서 구성에 키를 추가할 수 있습니다.

키를 붙여넣습니다.

단계별 이력서:

그래서 내가 따르는 단계는 다음과 같습니다.

Google API 콘솔로 이동
프로젝트를 생성하거나 선택하세요
API 및 관련 서비스를 활성화하려면 계속 을 클릭하세요.
자격 증명 페이지에서 브라우저 키를 오고 API 자격 증명을 설정합니다.
할당량 도용을 방지하려면 모범 사례

2. 위치 카테고리 관리

위치는 카테고리별로 분류됩니다. 이러한 카테고리는 프런트엔드에서 필터로 표시되거나 메뉴 항목에서 미리 정의된 매개변수로 사용되어 분류된 위치를 불러올 수 있습니다.

위치가 많은 경우 카테고리를 사용하는 것이 좋습니다. 카테고리와 하위 카테고리를 만들 수 있습니다.
카테고리를 만들려면 My Maps location > 카테고리로 이동하여 새로 만들기를 클릭하세요.

그런 다음 하위 카테고리를 만들려면 카테고리 화면에서 제목과 상위 카테고리를 추가해야 합니다.

마커 선택 탭 을 사용하여 범주 내 위치에 대한 기본 마커를 정의할 수 있습니다.

"내 카테고리" 라는 카테고리가 생성되어 설치 직후 바로 위치 추가를 시작할 수 있습니다.

3. 위치 생성

위치를 생성하려면 My Maps location > 위치 > 새로 만들기

필수 필드는 3개입니다.

위치 이름
위치의 카테고리
위치 세부 정보(주소)

주소에 추가하기 위한 3가지 솔루션이 있습니다:

검색 필드를 사용하세요(권장)
지도를 탐색하고 커서를 사용하여 위치를 지정하세요.
주소를 입력하세요(Google Maps에서 유효한 주소여야 함)

검색 엔진에 위치를 추가하려면 추가하려는 장소의 이름을 입력하세요.

선택하면 위도와 경도 필드가 자동으로 채워집니다. 내 지도는 Google Places와도 통합되어 있습니다! 즉, Google Maps에 등록된 매장이나 다른 항목을 검색할 수 있으며, 저희 컴포넌트가 모든 장소 정보를 가져옵니다.

지도에서 이동하여 직접 마커를 놓을 수도 있습니다. 결과는 동일하며 위도와 경도가 자동으로 채워집니다.

수동으로 입력하는 경우 주소 필드와 우편번호에 주의하세요. Google Maps에 알려진 주소와 일치해야 합니다.

해당 위치에 대한 다른 모든 정보(설명, 영업시간 등)는 해당 위치의 상세 보기에 표시됩니다.

위치 상세 정보 에디션의 연락처 링크를 통해 위치별로 연락처 링크, 메일링 주소 또는 URL을 추가할 수 있습니다. 프런트엔드에는 URL을 열거나 메일링 주소를 실행하는 연락처 버튼이 있습니다.

4. 기타 위치 정보

각 위치에 이미지와 마커를 추가할 수 있습니다.

위치 이미지: 이미지는 위치 툴팁에 썸네일로 표시되고, 위치 세부 정보 페이지에서는 더 큰 크기로 표시됩니다.
카테고리 아이콘 사용: 내 지도 위치의 카테고리 필드에 입력한 아이콘을 사용하세요.
마커 배경: 배경 마커의 색상을 선택하세요
마커는 지도에 위치 마커 아이콘으로 표시됩니다. My Maps Location 확장 프로그램에는 위치에 맞는 멋진 마커 세트도 포함되어 있습니다.
사용자 정의 링크 사용은 사용자 정의 URL로 위치 세부 정보에 대한 링크를 재정의합니다.

My Maps location Joomla 기본 다국어 기능을 사용하고 있습니다. 위치 카테고리와 위치 항목에서 언어를 설정할 수 있습니다. 언어를 변경하면 다른 Joomla 콘텐츠와 마찬가지로 위치가 필터링되어 승인된 언어로 표시됩니다.

위치 설명 필드는 가장 중요한 필드 중 하나입니다.
위치 상세 페이지에 표시되며, 테마에 따라 검색 결과에 위치 소개 텍스트로 표시됩니다. 더 중요한 점은, 설명 필드가 모든 플러그인이 내장된 WYSIWYG 편집기로 구성되어 있어 이미지, 비디오 등 원하는 모든 것을 추가할 수 있다는 것입니다.

위치 검색 결과에 표시되는 소개 텍스트는 다음과 같습니다.

태그 필드는 Joomla와 동일한 태그 시스템입니다. 태그와 하위 태그를 추가한 후 프런트엔드에서 필터로 불러올 수 있습니다. 모든 태그를 관리하려면 Joomla 태그 구성 요소를 불러오기만 하면 됩니다. 메뉴 구성 요소 > 태그
프런트엔드에서는 구성에 따라 태그를 체크박스(아래와 같음) 또는 드롭다운 목록으로 표시할 수 있습니다.

My Maps Location 검색 엔진을 위한 메타 정보를 입력할 수 있는 추가 필드가 추가되었습니다. 이 필드는 위치 세부 정보 페이지에 로드됩니다.

5. 프런트엔드의 표시 위치

프런트엔드에 위치를 표시하려면 다음을 사용할 수 있습니다.

위치 검색 엔진, 단일 위치 또는 위치 범주를 표시하는 메뉴
검색 필드를 표시하거나 위치 집합을 선택하는 모듈
모든 편집기에서 단일 또는 여러 위치를 표시하는 편집기 버튼

Joomla 메뉴 관리자에서 요소를 추가하고 "위치 검색 및 표시" 유형을 선택하세요. 필터가 적용된 위치 검색 엔진이 표시됩니다.
미리 정의된 단일 위치를 표시하려면 "위치 세부 정보 보기"를 선택하세요

"위치 검색 및 표시"를 선택하면 몇 가지 표시 매개변수가 있습니다. 일부 매개변수는 기본 구성 요소 매개변수를 재정의할 수 있습니다.

메뉴의 메인 탭에서 다음을 설정할 수 있습니다.

주소 입력: 페이지 로드 시 기본 주소가 표시되도록 설정할 수 있습니다. 주소는 비워둘 수 있습니다.
거리: 위 주소를 참조하여 검색을 잠글 수 있는 거리입니다. -1(기본값)로 둘 수 있습니다.
카테고리: 위치의 특정 카테고리를 로드합니다.
검색 제한: 검색 결과 수를 제한합니다. 10은 위치 검색에서 처음 10개의 결과만 반환합니다.
정렬: 날짜, 제목, 거리(기본값)별로 검색 결과 정렬

My Maps Location 메뉴 탭 에서 다음을 설정할 수 있습니다.

구성 요소를 선택하세요: My Maps Location Jomsocial 등 모든 타사 통합 ...
기본 카테고리 ID (타사 확장 프로그램): K2, Hikashop 또는 Adsmanager와 같은 타사 확장 프로그램을 사용할 때 로드할 기본 카테고리, 커뮤니티 빌더의 CB 목록 ID
하위 카테고리 위치: 위에서 선택한 카테고리뿐만 아니라 하위 카테고리의 검색 결과 위치도 표시합니다.
테마: 메뉴 항목에 사용 가능한 검색 및 결과 표시 테마의 기본, 전체 너비 및 사이드바 테마 중 하나를 선택합니다.
지도 제공자: Google Maps, Bing Maps, Mapbox, OpenStreetMap, Baidu 또는 Mapquest를 선택하여 지도 스타일을 지정하세요.
검색 태그 활성화 : 위치 태그 이름을 사용하여 검색 쿼리를 수행할 수 있습니다.
디자인: 맵 소스에 따라 여러 맵 유형과 색상이 있습니다.
지도 레이어: 지도에 데이터(레이어)를 추가합니다. KML 레이어, 교통 레이어, 대중교통 레이어, 자전거 레이어가 있습니다.
Google 지도 레이어 URL: 데이터 레이어를 사용하여 사용자 정의 데이터를 저장하거나 Google 지도에 GeoJSON 데이터를 표시합니다.
Bing Maps 유형: Bing Maps가 지도 제공자인 경우 Bing Maps의 모양과 데이터를 선택하세요.
OpenStreetMap 유형: OpenStreetMap이 귀하의 지도 공급자인 경우 귀하의 지도에 일부 데이터(레이어)를 추가할 수 있습니다.
위치 툴팁: 지도 로드 시 위치 검색 후 자동으로 위치 툴팁이 열립니다.
지도 확대/축소: 지도에서 기본 확대/축소 수준을 정의합니다.
지도 및 검색 결과 너비 및 높이 옵션

테마 기반 프런트엔드 디스플레이

단일 위치 검색 결과:

모듈을 사용하여 위치 표시

My maps location 기본 위치를 위한 2개의 모듈과 타사 통합을 위한 기타 모듈(예: K2 항목 위치를 표시하는 모듈)이 포함되어 있습니다.

지도 모듈을 사용하면 메뉴와 동일한 필터를 사용하여 위치를 모듈 위치에 표시할 수 있습니다. 위치는 지도 또는 목록으로 표시됩니다. 여러 위치 집합을 선택하거나 위치 범주를 선택할 수 있습니다.

My Maps Location 지도 - 검색 모듈은 지도 너비나 위치를 검색할 구성 요소(예: K2 위치만 검색)와 같은 몇 가지 필터를 옵션으로 제공하는 검색 엔진을 표시합니다.

프런트엔드의 디스플레이 모듈:

편집기 버튼을 사용하여 위치 표시

편집 버튼은 Joomla 편집기(일반적으로 문서 또는 HTML 사용자 정의 모듈)에 로드됩니다. 편집기 하단에 버튼이 표시됩니다.
클릭하면 이전에 추가한 위치를 하나 이상 선택할 수 있는 라이트박스가 나타납니다.

그런 다음 하나 또는 여러 위치를 선택하고 버튼을 눌러 기사에 추가할 수 있습니다. 확대/축소 수준을 지정하지 않으면 위치 영역에 맞게 자동으로 로드됩니다.
WYSIWYG 편집기에 표시되는 태그 코드는 다음과 같습니다. {mymaplocations mapid width height}

예: {mymaplocation id=1 width=58% height=400px zoom=10 type=google} 이 코드는 위치 ID가 1이고, 너비가 58%, 높이가 400px, 10배 확대/축소, Google 검색 결과가 포함된 지도를 표시합니다. 쉼표를 사용하여 지도에 여러 위치를 추가할 수 있습니다. 예: {mymaplocation id=1 width=58% height=400px zoom=10 type=google} 위치 ID는 1, 2, 3입니다.