Google 지도를 WordPress에 통합하는 방법
게시 됨: 2015-08-18독자에게 특정 위치로 가는 길을 안내하는 가장 좋은 방법은 Google 지도를 사용하는 것입니다. 주소만 알려줄 수도 있지만 Google 지도는 훨씬 더 많은 정보를 제공합니다. Google 지도는 실제 위치에 비즈니스가 있거나 이벤트에 대한 정보를 표시하려는 경우 특히 중요합니다. 지도의 목적이 무엇이든 필요에 따라 지도를 사용자 정의할 수 있습니다.
다음은 WordPress 웹사이트에 Google 지도를 추가할 때 얻을 수 있는 많은 이점 중 일부입니다.
- 독자가 내 위치로 가는 길을 찾을 수 있도록 허용
- 스트리트 뷰에서 내 위치를 표시합니다.
- 이미지를 보여줍니다
- 독자가 방문하고 싶은 위치를 결정할 수 있도록 여러 위치를 표시합니다.
- 현재 교통 상황을 알려줍니다
- 로드 클로저 표시
- 기상 조건을 보여줍니다
- 도착하는 데 걸리는 시간을 보여줍니다.
- 로드 뷰, 바이크, 터레인 뷰, 하이브리드 뷰 등 다양한 여행 유형으로 지도를 표시합니다.
- 지역 SEO를 개선하는 데 도움이 됩니다.
- 방문자가 사용할 수 있도록 방향을 인쇄할 수 있습니다.
- 독자를 사이트에 유지
Google 지도는 WordPress에 통합하기 쉽고 사용자가 사용하고 탐색하기 쉽습니다. Google 지도 통합은 플러그인을 사용하여 무료이며 쉽습니다. 물론 적은 비용으로 많은 추가 기능을 추가할 수 있습니다. 지도를 사이트에 수동으로 추가할 수도 있습니다. 다음은 WordPress 웹사이트에 Google 지도를 추가하는 몇 가지 방법입니다.
WordPress 사이트에 수동으로 Google 지도 추가하기
손으로 게시물에 지도를 쉽게 삽입할 수 있습니다. Google 지도로 이동하여 원하는 주소를 입력하고 확대/축소 수준을 선택합니다. 메뉴에서 지도 공유 또는 포함을 선택하고 포함을 선택한 다음 텍스트 편집기 탭 아래의 게시물에 코드를 복사하여 붙여넣습니다. 지도는 iFrame으로 포함됩니다. 그러면 사용자는 지도에 설정한 위치로 가는 길을 찾을 수 있습니다.
포함된 지도와 상호 작용하기가 어렵습니다. 사용자는 이동하고 확대/축소할 수 있지만 길찾기를 클릭하면 Google 지도로 이동합니다. 사이트를 다시 방문하면 길찾기 또는 기타 정보를 얻을 수 있는 옵션 없이 지도만 표시될 수 있습니다. 내가 이것을 시도했을 때 나의 유일한 선택은 구글에서 더 큰 지도를 보는 것이었다. 이것은 작동하지만 더 많은 기능을 원하면 플러그인이 필요합니다.
플러그인을 사용하여 WordPress 사이트에 Google 지도 추가하기
Google 지도를 WordPress 웹사이트에 통합하는 플러그인이 많이 있습니다. 이렇게 하면 사용자가 사이트를 떠나지 않고도 필요한 정보를 얻을 수 있습니다. 그들 중 대부분은 기본 기능을 가지고 있지만 몇 가지 독특한 것을 추가합니다. 여러 개를 설치하고 테스트 드라이브를 제공했습니다. 다음은 최고의 플러그인과 각각의 장점을 살펴보겠습니다. 대부분의 플러그인에는 기본 기능이 있으며 프로 버전으로 확장할 수 있습니다.
WP 구글 지도
이것은 200,000개 이상의 활성 설치 및 4.3/5 등급의 가장 인기 있는 Google 지도 플러그인입니다. iFrame을 생성하지 않고 단축 코드를 사용하여 게시물, 페이지 또는 위젯에 지도를 배치할 수 있습니다. 지도는 반응합니다. 애니메이션이 있는 무제한 마커가 있고 스트리트 뷰, 여러 지도 유형(로드맵, 지형, 위성 및 하이브리드), 경로, 폴리곤, 폴리라인 등을 지원합니다.
지도를 추가하는 것은 쉽습니다. 클릭하여 새 지도를 추가하고, 이름을 지정하고, 크기, 확대/축소 수준, 정렬 및 유형을 설정하고 원하는 주소, 마커 및 기타 설정을 지정한 다음 저장합니다. 그런 다음 지도를 원하는 위치에 단축 코드를 복사하여 붙여넣습니다.
Professional 버전은 $19.99이며 여러 지도를 만들고 방문자가 마커로 가는 길을 안내하고 설명 및 범주를 추가하고 여러 마커 아이콘, 여러 폴리곤 및 폴리라인을 추가하고 방문자의 위치를 표시하는 등의 작업을 수행할 수 있습니다.
이것이 왜 인기가 있는지 쉽게 알 수 있습니다. 누구나 필요로 하는 대부분의 기능이 있으며 설정도 그리 어렵지 않습니다. 지도는 보기에 좋고 독자가 사용하기 쉽습니다.
MapPress Easy Google 지도
이 플러그인은 운전 경로와 사용자 정의 HTML 마커가 있는 대화형 지도를 만듭니다. 마커는 사진, 링크 등이 될 수 있습니다. 하나의 게시물에 여러 개의 지도를 만들 수 있습니다. 모든 주소에 대한 마커를 추가하거나 마커를 원하는 위치로 드래그하거나 위도 및 경도 위치를 배치할 수 있습니다. 스트리트 뷰를 지원합니다. 심지어 실시간으로 교통 상황을 알려줍니다. 표시할 지도와 설정을 선택하기 위해 단축 코드 ID를 사용할 수도 있습니다. 프로그래밍을 좋아한다면 프로그래밍 API가 있으므로 자신만의 지도 플러그인을 만들 수 있습니다.
설정은 간단합니다. 지도가 표시될 게시물 유형, 게시물 내에서 표시될 위치 및 길찾기 작동 방식을 선택합니다. 지도 컨트롤, 정렬, POI, 현지화, 크기 등을 조정할 수 있습니다. 자체 CSS를 설치하여 웹사이트에 맞게 스타일을 지정할 수도 있습니다.
Pro 버전은 3개 사이트의 경우 $29.95, 무제한 사이트의 경우 $49.95입니다. 둘 다 1년의 업데이트 및 지원이 포함됩니다. 추가된 기능에는 사용자 정의 마커, 매시업 맵, 위젯, 목록, 사용자 정의 필드에서 생성된 맵, MapPress에 대한 백링크 없음 등이 포함됩니다.
이것은 많은 기능을 가지고 있지만 설정에 얽매이지 않습니다. 간단합니다. 맞춤형 아이콘이 있다는 점도 마음에 듭니다. 이미지를 마커로 배치할 수 있습니다.
전단지 지도 마커
이것은 Google 지도를 위한 가장 포괄적인 플러그인으로 작동합니다. 모든 페이지나 게시물에 위치와 방향을 표시할 수 있습니다. 고유한 개별 Geo-CMS 코드가 있습니다. 1000개 이상의 아이콘과 마커가 있으며 마커에 대한 팝업 설명을 설정하고 레이어로 구성할 수 있습니다. 지도는 단축 코드와 함께 배치됩니다. 지도를 내보낼 수 있습니다.
확대/축소 수준, 크기 등을 조정할 수 있습니다. Google 지도(도로, 지형, 위성 및 하이브리드 표시), Bing(도로, 항공 및 항공 + 레이블 표시), Open Street Map, Mapbox(도로 및 위성을 표시함) 및 원하는 사용자 지정 WMTS 지도.
HTML5를 사용하고, GPX 트랙을 표시하고, 지리적 위치, 미니맵을 사용하고, QR 코드를 사용하고, GeoJSON과 통합하는 등 다양한 기능을 갖춘 29유로부터 시작하는 프리미엄 버전도 있습니다.

사용하려면 새 마커 추가를 선택하여 마커를 만들고 이름을 지정하고 주소를 입력하고 저장한 다음 게시물이나 페이지에 제공하는 단축 코드를 복사하여 붙여넣으면 됩니다. Pro 버전이 있는 경우 크기를 조정하고 원하는 경우 레이어를 추가할 수 있습니다. 또한 비주얼 편집기에 버튼이 추가되어 거기에서 맵을 선택할 수 있습니다. 이것은 확실히 Google 지도에서 가장 기능이 풍부한 플러그인 중 하나입니다. 보기에 좋고 사용하기 쉽습니다.
Google 지도 위젯
이것은 클릭하면 더 큰 라이트박스 창에서 지도를 여는 위젯에 Google 지도를 배치합니다. 또한 모든 페이지, 게시물 또는 사용자 정의 게시물 유형에 지도를 표시할 수 있습니다.
모든 설정은 위젯 내에서 수행됩니다. 지도의 크기와 유형(도로, 지형 또는 하이브리드)을 선택할 수 있습니다. 기본 핀을 사용하거나 사용자 지정 핀에 대한 URL을 지정할 수 있습니다. 몇 가지 무료 사용자 정의 색 구성표 중에서 선택할 수 있습니다. 지도 위와 아래에 텍스트를 만듭니다. 일반 위젯과 독립적으로 설정된 라이트박스에 대해 동일한 설정이 있습니다.
프리미엄 지원은 $19입니다. 메일링 리스트에 가입하기만 하면 프리미엄 기능을 무료로 잠금 해제할 수 있습니다. 잠금 해제된 기능에는 단축 코드 지원, 3개의 썸네일 맵 스킨 및 2개의 라이트박스 스킨이 포함됩니다.
이것을 사용하려면 위젯을 원하는 위치에 끌어다 놓고 일반 위젯과 라이트박스 탭 모두에 주소를 입력합니다. 위젯을 사용자 정의하지 않으려면 이것이 전부입니다.
작은 위젯에 지도를 표시한 다음 클릭하면 더 큰 라이트박스가 열리는 점이 마음에 듭니다. 이렇게 하면 지도가 사이드바를 표시하는 모든 페이지 또는 게시물에 표시되고 독자가 원할 때까지 방해가 되지 않습니다. 이것에 대해 내가 좋아하는 또 다른 점은 원하는 만큼 위젯을 배치하여 여러 지도를 표시할 수 있다는 것입니다.
WP Google 지도 플러그인
이 무료 버전을 사용하면 위치와 지도를 무제한으로 만들고 단축 코드를 사용하여 페이지, 게시물 및 위젯에 표시할 수 있습니다. 500개의 마커 중에서 선택하거나 직접 만들 수 있습니다. 도로, 지형, 위성 및 하이브리드를 표시합니다. 반응형입니다. 트래픽 레이어를 사용하여 실시간 교통 상황을 보여줍니다. 자전거 레이어를 사용하여 자전거 경로를 표시합니다.
위치를 만들려면 이름을 지정하고 주소를 지정하고(지오코드 또는 경도 및 위도를 사용할 수도 있음) 메시지를 작성한 다음 마커 이미지를 선택합니다. 지도를 생성하려면 이름을 지정하고, 높이를 설정하고, 확대/축소 수준을 선택하고, 입력하고, 이미 생성한 위치를 선택하고, 레이어를 선택하고, 몇 가지 설정을 선택하면 완료됩니다. 이제 지도 목록(지도 관리 아래)으로 이동하여 콘텐츠에 붙여넣을 단축 코드를 복사합니다. 원하는 지도를 편집할 수 있습니다.
Pro 에디션은 $17부터 시작하며 많은 새로운 기능을 추가합니다. 내장된 인터페이스로 오버레이를 정의하고, 자신만의 스킨을 디자인하고, 도로, 장소 및 물을 끄고, 사용자 정의 가능한 옵션으로 폴리곤 및 폴리라인을 표시하고, Form 7에 통합하고, 위치별로 필터링하는 등의 작업을 수행할 수 있습니다.
대시보드에서 관리할 수 있는 많은 기능이 있습니다. 원하는 경우 무시할 수 있습니다. 위치, 지도 및 마커 그룹을 만들고 관리할 수 있습니다. 또한 확대/축소 수준, 팬, 축척을 설정할 수 있으며 각 지도에 대한 개요 및 스트리트 뷰를 개별적으로 끌 수 있습니다. 숏코드를 어디에서 찾을 수 있는지 명확하지 않습니다. 지도 관리 탭에 있습니다.
CP 구글 지도
이를 통해 게시물 자체에 지리적 위치 정보를 배치하여 게시물에 Google 지도를 자연스럽게 추가할 수 있습니다. 또한 유사한 카테고리 내 게시물의 마커를 표시합니다. 표시할 마커 수를 선택할 수 있습니다. 독자가 마커 위에 마우스를 놓으면 해당 기사가 강조 표시됩니다. 많은 사용자 정의 옵션이 있습니다. 예를 들어 마커, 확대/축소 수준, 지도 크기, 지도 유형, 언어, 게시물 내 위치 등을 사용자 지정할 수 있습니다.
대부분의 것보다 더 많은 설정이 있지만 여전히 사용하기 쉽고 기본값을 사용하려는 경우 대부분의 설정을 무시할 수 있습니다. 무료 버전을 사용하면 지도 크기, 확대/축소, 유형, 언어, 드래그 허용 여부, 정보 풍선 표시 및 추천 이미지 표시를 조정할 수 있습니다. 표시할 관련 게시물 수 및 표시할 옵션 유형과 같은 게시물 정보를 선택할 수도 있습니다.
두 가지 프리미엄 에디션을 사용할 수 있습니다. 첫 번째는 $19.99의 Professional 버전으로, 특정 범주, 게시물 또는 태그의 모든 포인트를 로드하고, 모양과 경로를 그리고, 범례를 만들고, 링크를 표시하고, 여러 지도를 표시하고, 스타일 지정을 허용하고, 사용자 위치를 표시하고, 이미지 데이터 및 지리적 위치 정보를 기반으로 하는 동적 포인트 등.
$49.99의 개발자 버전도 있어 포인트와 연결된 연락처 양식을 디자인하고, 이메일 주소를 포인트에 연결하고, 해당 연결을 기반으로 이메일을 보내고, 포인트와 연결된 이미지를 사용하고, CSV 가져오기 및 내보내기를 허용하고, 더.
비주얼 편집기 아래에 새 섹션이 추가됩니다. 이를 통해 게시물과 페이지에 지도를 만들고 추가할 수 있습니다. 모든 설정을 거친 후 버튼을 클릭하여 지도 태그를 삽입하여 게시물에 지도를 추가할 수 있습니다. 태그는 해당 특정 게시물을 참조하므로 단축 코드를 복사할 수 없지만 새 게시물에서 동일한 지도를 생성하려는 경우 위치를 복사할 수 있습니다. 기본 설정을 유지하지 않으려면 다른 모든 설정을 각 맵에 대해 개별적으로 설정해야 합니다.
지도 목록 프로
이 프리미엄 플러그인을 사용하면 페이지, 정렬, 검색 및 필터링이 가능한 목록에 위치를 표시할 수 있습니다. 사용자는 텍스트 및 위치로 검색할 수 있습니다. 매장 찾기, 주소 및 연락처 목록을 만드는 데 유용합니다. 사용자 정의 가능한 35가지 스타일이 있습니다. 분류된 위치, 사용자 지정 마커 및 아이콘을 만들고, 추천 이미지를 추가하고, 다른 페이지에 검색 양식을 추가하고, 지도 위치를 변경하고, 지도만 표시하거나 목록만 표시하고, 클러스터된 마커를 표시하는 등의 작업을 수행할 수 있습니다. 모든 기능과 설정을 켜거나 끌 수 있습니다.
가격은 $19부터 시작합니다.
마지막 생각들
이 모든 플러그인은 설정 및 사용이 쉽습니다. 그들 사이에서 필요한 기능의 조합을 확실히 찾을 수 있습니다. 실질적으로 그들 모두는 그렇게 많은 비용이 들지 않는 프로 버전을 가지고 있으므로 무료 버전에서 사용할 수 없는 한두 가지 기능을 얻는 데 큰 비용이 들지는 않습니다. 보기에 좋고 사용하기 쉬우며 웹사이트를 떠나지 않고도 독자에게 필요한 정보를 제공합니다.
당신은 어떤가요? Google 지도를 WordPress 웹사이트에 통합했습니까? 이 플러그인 중 하나, 다른 플러그인을 사용했습니까, 아니면 다른 방법을 사용했습니까? 아래 의견에 대해 알려주십시오.