추가하는 방법을 알아내야 합니다. 구글 JetElements를 사용하여 WordPress에 매핑하시겠습니까?
추가하는 데 사용할 수 있는 플러그인이 많이 있습니다. 구글 귀하의 지도 웹 사이트 워드 프레스. JetElements 하나입니다. JetElements는 애드온입니다. Elementor Crocoblock에서 개발한 프리미엄. 그것은 당신의에 몇 가지 추가 위젯을 추가합니다 Elementor, 쉽게 추가하는 데 사용할 수 있는 고급 지도 포함 구글 WordPress 사이트에 매핑됩니다.
10개의 지도 스타일을 선택할 수 있습니다. 여러 핀을 추가할 수도 있습니다.
이 기사에서는 위젯을 사용하는 방법을 보여줍니다. 고급지도 에 Google 지도를 추가하려면 웹 사이트 워드 프레스.
시작하기 전에 다음을 설치했는지 확인하십시오. Elementor 그리고 WordPress의 JetEements. 무료 버전을 사용할 수 있습니다Elementor JetElements를 사용합니다. JetElements의 경우 해당 사이트에서 구입해야 합니다. 공식 웹 사이트 19달러에.
1단계: Google Maps API 키 받기
Google 지도를 사이트 웹 JetElements를 사용하려면 JetElements를 Google 지도와 통합하기 위한 API 키를 얻어야 합니다. Google API 콘솔을 통해 API를 얻을 수 있습니다. 그러니 방문해보세요 구글 API 콘솔 Google 계정으로 로그인합니다.
로그인 후 상단의 드롭다운 메뉴를 클릭하여 새 프로젝트를 생성하고 다음을 클릭합니다. 새 프로젝트.
프로젝트에 이름을 지정하고 버튼을 클릭하십시오. CREATE.
드롭다운 메뉴에서 새 프로젝트를 선택하고 도서관 왼쪽 패널에서
JetElements는 위젯을 작동시키기 위해 활성화해야 하는 API에 대한 자세한 정보를 제공하지 않습니다. 고급지도. 경험에 따르면 최소한 다음 API를 활성화해야 합니다.
- 지오코딩 API
- 지도 자바스크립트 API
Google 자체는 Google Maps API를 17가지 유형으로 나눕니다. 클릭하면 볼 수 있습니다. 모두 표시 섹션 장바구니.
API를 활성화하려면 활성화하려는 API를 선택(클릭)하고 버튼을 클릭합니다. 활성화.
필요한 API 활성화를 완료하면 Google API 콘솔의 기본 대시보드로 돌아가서 식별자 왼쪽 패널에서 버튼을 클릭 자격 증명 만들기 선택하고 API 키. 나타나는 팝업에서 API 키를 복사합니다.
다음으로 WordPress 대시보드에 로그인하고 메뉴로 이동합니다. JetPlugins – > JetElements 설정.
탭 열기 통합 방금 복사한 API 키를 필드에 붙여넣습니다. 구글 맵 API 키.
지도 추가 시작
JetElements와 Google 지도가 통합되면 지도 추가를 시작할 수 있습니다. 이렇게 하려면 Elementor에서 지도를 추가하려는 페이지를 엽니다. Elementor 편집기에서 고급 맵 위젯을 편집 영역으로 드래그합니다.
왼쪽 패널로 이동하여 맵의 일부 설정을 조작할 수 있습니다. 섹션에서 설정을 지정할 수 있습니다. 지도 설정.
지도 스타일을 변경하려면 섹션을 열 수 있습니다. 지도 스타일.
지도에 위치 추가
기본적으로 핀 주소는 영국 런던의 런던 아이로 설정되어 있습니다. 수정하여 사업장 위치를 추가할 수 있습니다.
이렇게 하려면 섹션을 엽니다. 핀 기존 핀 주소를 클릭합니다. 입력란에 사업장 주소를 붙여넣으세요. 핀 주소 필드의 설명을 수정합니다. 핀 설명.
방금 설정한 핀 주소를 지도에 보이게 하려면 지도의 중심을 설정해야 합니다. 예를 들어 회사 위치가 파리에 있는 경우 지도의 중심을 파리로 설정합니다.
지도의 중심을 정의하려면 섹션을 엽니다. 지도 설정 원하는 지도 센터(도시 이름)를 다시 입력합니다.
Remarque : 카드를 추가할 때 '개발 전용' 메시지가 표시되면 Google Cloud 결제를 사용 설정해야 합니다. 새로운 Google 정책에 따라 개발자는 결제 계정을 활성화해야 합니다(Google Maps API는 계속 무료로 사용할 수 있음).
지금 Elementor Pro를 받으세요!!!
결론
그래서 ! JetElements를 사용하여 WordPress에 Google 지도를 추가하는 방법을 보여주는 이 문서의 내용입니다. 거기에 가는 방법에 대해 우려 사항이 있는 경우 commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
