My Maps location: 위치 및 카테고리

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

첫 번째 단계는 프로젝트를 생성하고 프로젝트 이름을 입력하는 것입니다.

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개입니다

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

해당 주소를 추가하는 방법은 세 가지가 있습니다

검색 필드를 사용하세요(권장)
지도에서 커서를 사용하여 위치를 지정하세요
주소를 입력하세요 (구글 지도에서 유효한 주소여야 합니다)

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

선택하면 위도와 경도 필드가 자동으로 채워집니다. 저희 지도 앱은 구글 플레이스와도 연동됩니다! 즉, 구글 지도에 등록된 상점이나 기타 장소를 검색하면 저희 앱에서 모든 장소 정보를 가져옵니다.

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

주소와 우편번호를 직접 입력할 경우, 구글 지도에 등록된 주소와 일치해야 하므로 주의해서 입력하세요.

해당 위치에 대한 기타 모든 정보(설명, 영업 시간 등)는 위치 상세 보기에서 확인할 수 있습니다.

위치 상세 정보 편집에서 연락처 링크를 사용하면 위치별로 연락처 링크(이메일 주소 또는 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입니다.
하위 카테고리 위치: 위에서 선택한 카테고리뿐만 아니라 하위 카테고리의 위치도 검색 결과에 표시합니다.
테마: 메뉴 항목에 사용할 수 있는 검색 및 결과 표시 테마(기본, 전체 너비, 사이드바) 3가지 중 하나를 선택하세요.
지도 제공업체: 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개와 타사 통합용 모듈 1개(예: 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입니다.).