JB Maps는 웹사이트에 지도를 삽입할 수 있는 간단한 모듈을 제공합니다. 이것은 JoomlaBamboo에서 만든 무료 모듈로 지도에서 높이, 너비, 시작 위치 및 최대 3개의 마커를 설정할 수 있습니다. 또한 마커 사이에 경로를 구축할 수도 있습니다.

기능

• 지도 높이를 설정합니다.
• 지도 너비 설정
• 설치 표준 수준줌
• 초기 좌표 설정
• 최대 3개의 마크 생성
• 마커 간 경로 구축

종속성

JB 라이브러리 플러그인 - 사이트에서 jQuery를 사용하지 않는 경우. 모든 T3 템플릿의 경우 작동하기 위해 JB 라이브러리를 설치할 필요가 없습니다.

지침

먼저 관리자 패널에서 Joomla 설치 프로그램을 사용하여 모듈을 설치했는지 확인한 다음 모듈을 원하는 위치에 배치하십시오. 이 후에는 설정을 변경할 수 있습니다. Joomla 관리자 패널로 이동하여 모듈 관리자를 찾으세요. 그러면 모듈 목록이 표시되고 그 안에서 JB Maps 모듈을 찾으세요. 제목을 클릭하면 구성할 수 있는 매개변수가 표시됩니다. 필요한 경우 추가 정보설정에 관해 텍스트를 왼쪽으로 밀면 힌트가 나타납니다. 변경 사항을 저장하는 것을 잊지 마세요.

문제 해결

모듈을 설치했는데 보이지 않나요?

모듈을 설치하면 왼쪽 모듈 위치에 위치하며 비활성화됩니다. 필요한 위치로 이동했는지, 활성화되어 있는지 확인하세요.

너비 설정에 자동 옵션을 사용할 수 있나요?

아니요, 카드 설정은 불가능합니다. 자동 감지너비. 템플릿의 기본 컨테이너 너비를 기준으로 지도를 표시하기 위한 최대 너비를 지정해야 합니다. 모듈은 다음을 사용합니다. CSS 속성 max-width는 반응형 디자인에서 카드가 상위 컨테이너를 넘어 확장되지 않도록 보장합니다.

안녕하세요 여러분! 다들 가끔씩 이용하시는 것 같아요 구글 서비스교통 정체, 운전 방향 보기 또는 특정 주소 찾기를 위한 지도 및 Yandex 지도. 이 서비스는 매우 편리하고 인기가 높으므로 주목할 가치가 있습니다. 이 기사에서는 Joomla용 Yandex 지도 모듈에 대해 설명하겠습니다. 동시에 Google의 아날로그를 고려해 보겠습니다.

상업 조직의 경우 연락처 정보를 표시하는 것뿐만 아니라 위치가 표시된 지도를 추가하는 것도 좋은 해결책이 될 것입니다. 이는 고객에게 매우 편리합니다. 이를 통해 고객이 귀하에게 연락하는 방법을 빠르게 탐색하고 이해할 수 있습니다.

이는 비영리 인터넷 리소스 소유자에게도 유용할 수 있습니다. 모임 장소, 좋아하는 영화관 또는 자전거 경로를 보여줍니다.

Joomla용 Google 지도 플러그인 삽입

Joomla 통합을 위한 확장 구글지도충분한. 엄청난 기능을 갖춘 구성 요소가 있습니다. 예를 들어 평균 평점이 5점 만점에 4.85점인 Googlemaps 플러그인 확장입니다. 이 플러그인은 모든 사람에게 적합하지만 완전히만 사용할 수 있습니다. 영어. 설정이 매우 매우 많다는 점을 고려하면 모든 사람이 이를 이해할 수는 없습니다. 따라서 다른 플러그인인 Embed Google Map을 사용하는 것이 좋습니다. 그 기능은 그다지 인상적이지는 않지만 종종 충분합니다.

joomla.org에서 Embed Google Map 플러그인을 다운로드할 수 있습니다. 결과 아카이브의 압축을 풀 필요가 없습니다. 모든 확장 프로그램과 마찬가지로 Embed Google Map 플러그인은 .

설치 후 플러그인 관리자로 이동하여 "콘텐츠 - Google 지도 삽입"을 찾으세요. 상태를 "활성화"로 변경하여 플러그인을 활성화하고 설정으로 이동합니다.

기본 매개변수를 살펴보겠습니다.

• 확대/축소 수준 - 배율을 설정합니다.
• 언어 — 언어(러시아어)를 선택합니다.
• 링크 추가 - 더 큰 버전에 링크를 추가합니다. 링크 라벨 — 이 링크의 텍스트입니다.
• 높이 및 너비 - 창의 높이와 너비입니다.
• 테두리 - 테두리 두께(픽셀)입니다.

사이트 페이지에 표시하려면 다음 코드를 사용하십시오.

( google_map) 주소( / google_map)

주소 대신 필요한 주소를 입력하세요. Embed Google Map 플러그인은 놀랍게도 러시아어를 잘 이해합니다. 예를 들어, 다음 주소를 이해합니다: Krasnodar, Krasnaya street, Building 68.

이 코드는 자료의 텍스트나 표준 "HTML 코드" 모듈에 삽입될 수 있습니다. 따라서 첫 번째 경우 지도는 콘텐츠 영역에 표시되고 두 번째 경우에는 모듈 영역에 표시됩니다. HTML 편집기인 CodeMirror를 사용하세요. 비주얼 편집기 TineMCE는 이런 종류의 코드에 익숙하지 않습니다.

출력 코드는 속성으로 보완될 수 있습니다.

1. 눈금을 7로 설정합니다.

3. 창 크기와 테두리 두께를 설정하세요.

속성은 플러그인 설정에 설정된 값을 대체합니다.

구성 요소 Zh YandexMap

Joomla 2.5에서 Yandex 지도를 생성하려면 무료 확장 프로그램인 Zh YandexMap 구성 요소가 하나만 있습니다. 그러나 매우 높은 품질 - 대형 기능성그리고 완전히 러시아어로요.

joomla.org에서 Zh YandexMap을 다운로드할 수도 있습니다. Extension Manager를 통해 표준으로 설치됩니다. Zh YandexMap은 플러그인이 아닌 구성 요소이므로 기본 Joomla 관리 메뉴의 "구성 요소" 섹션에 동일한 이름의 항목이 생성됩니다.

구성요소가 작동하려면 Yandex.Maps API용 키를 얻어야 합니다. Yandex에서 API 키를 받으려면 양식으로 이동하세요.

• 사이트 주소를 입력하세요.
• 우리는 사용자 계약 아래에 체크 표시를 했습니다(어떤 이유로든 표시되지 않았습니다).
• “API 키 받기”를 클릭하세요.

이미 다음 페이지에서 우리는 소중한 열쇠를 받았습니다. 도구 모음의 해당 버튼을 사용하여 액세스할 수 있는 Zh YandexMap 구성 요소의 설정에 복사하여 붙여넣어야 합니다.

Zh YandexMap 작업의 원리는 무엇입니까?

• 해당 섹션을 통해 지도를 만듭니다. 편의상 카테고리별로 분류되어 있습니다.
• 생성된 지도에 마커, 경로, 경로를 표시합니다. 그러면 마크가 마크 그룹으로 결합됩니다.

만드는 방법을 살펴보겠습니다. 간단한 Yandex나중에 추가 표시, 경로 및 경로를 추가할 수 있는 지도입니다.

"지도" 섹션으로 이동하여 오른쪽 상단에 있는 도구 모음에서 "만들기" 버튼을 클릭하세요.

모든 필수 항목에는 별표가 표시되어 있습니다. 주요 내용은 다음과 같습니다.

안녕하세요 여러분)

이 기사에서는 어떻게 넣을 수 있는지 살펴 보겠습니다. Yandex의 카드웹사이트로 줌라.

먼저 http://api.yandex.ru/maps/tools/cms/로 이동하여 Joomla용 모듈을 다운로드하세요.

그런 다음 설치합니다(확장 관리자 - 패키지 파일 업로드).

이제 모듈 관리자로 이동하여 설치된 모듈을 찾으십시오.

그것을 클릭하고 설정에 들어갑니다. Yandex에게 감사드립니다. 모든 설정은 러시아어로 되어 있습니다 :)

올바른 위치에 표시를 하기 위해서는 간단히 좌표만 입력하면 됩니다.

또한 마커를 잡고 지도의 원하는 위치로 드래그할 수도 있습니다.

지도의 축척은 지도 예시(설정 위)에서 확인할 수 있습니다. + 또는 -를 클릭하면 척도를 볼 수 있습니다.

카드 유형은 위의 예에서도 확인할 수 있습니다.

사이트에 맞게 너비와 높이를 설정했는데 제 경우에는 500x400px입니다.

아이콘의 텍스트(이름), HTML 태그- 지도의 마크에 이름을 부여합니다.

라벨 도구 설명 - 라벨 위로 마우스를 가져가면 텍스트가 나타납니다.

풍선 - 레이블을 클릭하면 텍스트가 표시됩니다.

크기 조정, 도구, 지도 유형, 트래픽 - 추가 추가 옵션지도에서.

추가 매개변수 - 건드리지 않는 것이 좋습니다 :) (이에 대해서는 Yandex 지도 API를 참조하세요)

모든 것이 구성된 후 모듈을 저장하고 게시합니다.

그게 다야, 행운을 빕니다!)

이 짧은 기사를 통해 블로그에 새로운 섹션을 열고 싶습니다. 여기에서는 Joomla에 기성 확장 기능이 전혀 없거나 존재하지만 문제가 완전히 해결되지 않는 문제를 해결할 수 있는 타사 서비스에 대해 작성하겠습니다.

확장 기능이 있는 경우를 별도로 강조할 가치가 있지만 서비스 API를 직접 사용하여 확장 기능 없이도 할 수 있습니다. 이 기사에서는 이에 대해 논의할 것입니다.

웹사이트에 매장 주소가 적힌 카드를 삽입하는 일은 거의 모든 온라인 매장 오너들이 해결하는 작업이다. Joomla( , , )에 대해 미리 만들어진 여러 확장 기능이 있습니다. 모든 것이 정상이고 모든 것이 작동하지만 각 모듈에는 자체 저작권이 추가되고 실제로 사용되지 않는 추가 기능이 있습니다.

제 생각에는 원본 소스, 즉 Yandex 자체의 지도 디자이너를 사용하는 것이 훨씬 쉽습니다.

새 카드를 만드는 방법은 매우 간단합니다. 버튼을 누른 후 새 지도 만들기지도에 매장 주소를 추가할 수 있는 창이 열립니다.

라벨 옆에 이름을 표시하려면 유형을 선택하세요. 서명 포함.

결과를 저장하고 다음 단계에서 크기 설정을 지정합니다. 장치 화면 크기에 맞게 지도 너비를 조정하려면 옵션을 활성화하세요. 너비로 늘이기.

버튼을 누르세요 카드 코드 받기삽입 코드를 사이트에 복사하세요.

이 코드는 자료, 모듈에 삽입하거나 단순히 템플릿의 소스 코드에 삽입할 수 있습니다.

자료에 코드를 삽입하는 방법에 대해 조금 더 설명합니다. 예를 들어 다음을 사용하여 페이지에 지도를 추가해야 합니다. 연락처 정보가게.

사이트에서 JCE 테스트 편집기를 사용하는 경우 기본 설정에서는 삽입을 허용하지 않습니다. 자바스크립트 물건암호. 이 옵션은 상황을 해결하는 데 도움이 됩니다. 자바스크립트 허용 V 구성 요소 > JCE 편집기 > 편집기 프로필 > 기본값 > 편집기 옵션 > 고급.

그 후, 소재 편집 페이지에서 버튼을 클릭하시면 보실 수 있습니다. 소스 코드스크립트를 삽입하세요.

모듈에 지도를 표시하려면 다음 유형의 모듈을 생성하면 됩니다. HTML 코드마찬가지로 카드 코드를 입력하세요.

모든 것이 매우 간단하며 타사 확장 프로그램을 설치할 필요가 없습니다.

사이트 맵 OS맵.

이 구성 요소는 한때 Joomla에 가장 적합했습니다. 무료 버전이 확장에는 기본 확장에서 실행되는 사이트맵을 만드는 데 필요한 모든 것이 포함되어 있습니다. Joomla 엔진에서 실행되는 웹사이트에 사이트맵을 표시하려면 이 확장 프로그램을 설치하기만 하면 됩니다. 지도에서 특정 페이지나 자료를 제거하려면 이를 구성하세요.

이 구성 요소는 한때 널리 사용되었던 Joomla 사이트맵을 대체했습니다. 엑스맵"는 더 이상 지원되지 않으며 Xmap 공식 웹사이트는 폐쇄되었습니다.

1단계. Joomla에 사이트맵 설치하기

먼저 아카이브를 다운로드해야 합니다. 설치 프로세스 중에 구성 요소 및 확장 플러그인이 설치됩니다. OS맵.

구성 요소는 다음 경로를 사용하여 사이트의 관리 패널을 통해 설치됩니다.

확장 ==> 확장 관리자 ==> 패키지에서 파일 로드

컴퓨터에 다운로드한 파일을 선택하고 클릭하세요. 다운로드 및 설치

전체 카드가 설치되어 즉시 작동됩니다.

2단계. - 사이트맵 설정

사이트 관리자 패널에서 다음으로 이동하세요. 구성 요소 => OSMap.

여기에 우리가 이동하는 사이트 맵 "Sitemap"이 있습니다.

지도는 이미 생성되어 설치 후 즉시 게시됩니다! 다른 작업을 수행할 필요가 없습니다. 모든 것이 작동합니다!

편의상 이름을 바꿀 수 있지만 실제로는 중요하지 않습니다.

탭에서 메뉴사이트 맵에 표시되어야 하는 메뉴를 표시합니다. 우선순위 및 변경 빈도에 대해서는 검색 엔진이 여전히 자체 규칙에 따라 사이트를 색인화하므로 아무것도 변경할 필요가 없습니다.

탭에서 옵션다음 설정을 사용할 수 있습니다.

번역을 설정하지 않은 경우 다음과 같이 표시됩니다.

• 소개 텍스트- HTML 형식의 지도 소개 텍스트
• 메뉴 제목- 각 메뉴 상단에 메뉴 이름 표시
• CSS 클래스 이름- 지도의 스타일 클래스 이름
• #콜스- 2부터 시작하는 열 수 표시

• 외부 링크 이미지- 외부 링크용 이미지 선택
• XML 압축- 지도 압축
• XML을 아름답게- 지도 보기, 원하는 지도 표시 옵션을 확인하고 선택하세요.
• 저자 링크- 확장 개발자에 대한 링크 비활성화

3단계. - 지도 보기

설정을 종료하고 지도 이름이 있는 줄에서 지도 링크를 확인합니다.

클릭하면 이미지, 사이트 이미지에 대한 정보가 나타납니다.

4단계: 메뉴 생성

MENU로 이동하여 메뉴 항목을 만듭니다. OSMap - HTML 사이트맵. "사이트맵 선택" 줄에 사이트맵이 표시됩니다.

다음 탭 "사이트맵 설정"에는 이 확장 프로그램에 대한 스타일을 연결하는 버튼이 있습니다.

사이트 맵이 우리를 기다리는 사이트에서 생성된 메뉴 항목을 엽니다.

5단계. 플러그인

확장을 향하여 OS맵 7개의 플러그인이 포함되어 있으며 그 중 3개가 기본적으로 포함되어 있습니다. 나머지는 포럼, 상점 등 사이트에 설치된 구성 요소가 있는지에 따라 사용됩니다.

플러그인에는 구성 요소의 경우와 마찬가지로 기본적으로 매우 좋은 설정이 있습니다.

지도에서 본 것 처럼 OS맵불필요한 웹사이트 페이지 제거

이렇게 하려면 관리자 로그인을 사용하여 사이트(관리자 패널이 아닌 사이트!!)에 로그인해야 합니다. XML 사이트맵을 엽니다 - 이전에 3단계에서 설명했습니다. 가장 왼쪽 열에서 녹색 "새"를 클릭하면 필요한 항목을 켜거나 끌 수 있습니다. 편의를 위해 정보 블록 상단에서 "제목 표시"를 활성화합니다.

자, 결국 파일에 사이트맵 주소를 적는 걸 잊지 마세요 로봇.txt

이렇게 하려면 robots.txt 파일에 다음 줄을 추가하세요.