사이트에 Google 경로를 추가하는 방법

IT 전문가로서 귀하의 웹사이트에 Google Routes를 추가하는 방법을 보여드리겠습니다. 이를 통해 방문자는 어디에 있든 귀하의 위치로 가는 길을 찾을 수 있습니다. 먼저 Google 지도 API 키를 만들어야 합니다. Google Developers Console로 이동하여 새 프로젝트를 생성하면 됩니다. 프로젝트를 생성했으면 'API 활성화 및 관리' 링크를 클릭한 다음 'Maps Embed API'를 찾아 활성화합니다. 다음으로 Google Routes 위젯용 코드를 가져와야 합니다. Google Maps Embed API 페이지로 이동하여 '코드 가져오기' 버튼을 선택하면 이 코드를 찾을 수 있습니다. 코드를 복사하여 웹사이트의 HTML에 붙여넣습니다. 마지막으로 위젯을 표시하려면 웹사이트에 다음 코드를 추가해야 합니다. 'YOUR_API_KEY'를 이전에 생성한 API 키로 바꾸고 'Your+Destination'을 위치 주소로 바꿉니다. 변경 사항을 저장하면 완료됩니다! 방문자는 이제 전 세계 어디에서나 귀하의 위치로 가는 길을 찾을 수 있습니다.

당신이 알고 싶다면 웹 사이트에 Google 운전 경로를 추가하는 방법 그런 다음 이 게시물을 읽으십시오. 구글지도 가장 인기있는 디지털 지도 서비스 세계적인. 실시간 교통 정보를 사용하여 주어진 목적지까지의 최적 경로를 찾습니다. Google 지도 삽입 귀하의 블로그나 웹사이트에 방문하면 방문자가 세계 지도에서 귀하의 위치를 확인하고 주소를 확인하고 리뷰(있는 경우)를 읽을 수 있습니다. 고유한 Google 지도 삽입 코드 생성기를 사용하여 웹사이트에 지도를 쉽게 삽입할 수 있지만 이 지도를 방문자가 위치를 찾는 데 도움이 되는 탐색 도구로 사용할 수는 없습니다. 이 게시물에서는 Google 지도를 사용하여 방문자에게 운전 경로를 표시하는 방법을 보여줍니다.

다음 2가지 방법을 살펴보겠습니다. 웹사이트에 Google 운전경로 추가 :

정적 Google 지도를 삽입하고 html 형식을 사용하여 지도 경로 표시
iFrame 지도 생성기 사용

이러한 방법을 자세히 살펴보겠습니다.

1] 정적 Google 지도를 삽입하고 HTML 형식을 사용하여 지도의 경로를 표시합니다.

이 방법에는 2단계가 포함됩니다. 1단계 - 임베딩 공전 정확한 위치를 알려주는 Google지도. 2단계는 사용자의 위치를 받아들이고 Google 지도에서 경로 지도를 생성하는 HTML 양식을 추가하는 것입니다. 이것이 어떻게 가능한지 봅시다.

A] 웹사이트에 Google 지도 삽입

브라우저를 시작하십시오.
열려 있는 구글지도 새 브라우저 탭에서
왼쪽 상단에 있는 Google 지도 검색창에 주소를 입력하세요.
표시되는 결과 목록에서 위치를 선택합니다.
메모: 주소를 찾을 수 없는 경우 Google 지도를 확대하여 주소를 추적하세요. Google 지도 스트리트 뷰 파노라마를 사용하여 지도에 위치를 표시할 수 있습니다. 위치를 찾으면 '누락된 위치 추가' 또는 '비즈니스 추가' 옵션을 사용하여 정확한 주소 정보를 입력한 다음 확인을 위해 위치를 Google에 제출할 수 있습니다. 요청이 제출된 후 몇 시간 내에 추가됩니다.
Google 지도가 사용자의 정확한 위치를 표시하면 아이콘을 클릭합니다. 공유하다 상.
로 전환 지도 삽입 탭
누르다 HTML 복사 지도 코드를 클립보드에 복사하는 링크. 미리 정의된 크기(작게, 중간, 크게)를 선택하거나 사용자 지정 크기를 입력하여 웹사이트에 지도를 얼마나 크게 또는 작게 표시할지 결정할 수 있습니다.
그런 다음 사이트의 관리자 패널로 이동합니다.
지도를 삽입할 웹페이지를 엽니다.
코드 편집기 보기로 전환합니다.
코드를 붙여넣습니다.
코드 편집기를 종료합니다. Google 지도의 미리보기를 볼 수 있습니다.

B] HTML 형식을 사용하여 Google 지도에서 내비게이션 경로를 만듭니다.

코드 편집기 보기로 돌아갑니다.
Google 지도 코드 아래에 다음 이미지에 표시된 코드를 추가합니다.
이미지에 강조 표시된 목적지 주소 값을 현재 위치의 주소로 바꿉니다.
코드 편집기 보기를 종료합니다.
코드를 미리보고 '주소 입력' 필드에 주소를 추가하고 버튼을 클릭하여 작동하는지 확인하세요. 가야할 방향을 보여줘 단추.
위의 단계는 표시 경로 입력한 주소에서 Google 지도상의 위치로.
모든 것이 괜찮다면 할 수 있습니다 게시 코드.

2] iFrame 맵 생성기 사용

브라우저를 시작하십시오.
열려 있는 무료 HTML 맵 생성기 새 브라우저 탭에서
에 주소를 입력하세요 주소를 입력하세요 왼쪽 패널의 검색 필드.
화면 오른쪽의 Google 지도에 위치가 표시됩니다. 지도 유형, 확대/축소 거리, 너비 또는 높이를 설정할 수 있습니다. 옆에 있는 전환 버튼을 클릭하여 지도를 반응형으로 만들 수도 있습니다. 반응형 맵 만들기 옵션.
클릭 HTML 코드 생성 아래 버튼.
코드가 나타납니다. 누르다 클립보드에 코드 복사 단추.
사이트의 관리자 패널에 로그인합니다.
지도를 배치할 페이지를 엽니다.
코드 편집기 보기로 전환합니다.
코드를 붙여넣습니다.
코드 편집기를 종료합니다.
클릭 시사 단추. 지도 미리보기가 나타납니다.
클릭 지도 상.
주소가 목적지로 미리 채워진 상태로 Google 지도가 열립니다.
시작 주소를 입력합니다. 당신은 또한 사용할 수 있습니다 내 위치 Google 지도에서 현재 위치를 사용하도록 허용하는 옵션입니다.
노선도가 나옵니다.
모든 것이 잘 작동한다면, 게시 페이지.

이렇게 하면 방문자가 귀하의 웹사이트에 포함된 Google 지도에서 귀하의 위치를 보고 자신의 위치에서 귀하의 위치로 가는 길을 찾을 수 있습니다. 이 게시물이 도움이 되셨기를 바랍니다. 질문이 있으면 의견에 알려주십시오.

또한 읽으십시오: 일상적인 사용을 위한 최고의 Google 지도 대안.

내 웹사이트에 Google 지도를 추가할 수 있습니까?

예, 웹사이트나 블로그에 Google 지도를 추가할 수 있습니다. Google Embed Code Generator 또는 무료 Google HTML 맵 생성기를 사용합니다. . 이 두 가지 옵션을 사용하면 약간의 차이가 있지만 빨간 공으로 주소를 정확히 표시하는 Google 지도를 삽입할 수 있습니다. 전자는 정적 지도를 삽입하여 방문자가 정확한 위치, 주변 관심 지점 등을 볼 수 있도록 하는 반면 후자는 다음을 제공합니다. 지도 사용자 위치까지의 운전 경로를 찾는 데 사용할 수 있는 완전한 경로 지도를 생성하는 기능입니다. 필요에 따라 이러한 옵션을 사용하여 웹사이트나 블로그에 Google 지도를 추가할 수 있습니다.

Google 지도 내장 코드는 어떻게 얻을 수 있나요?

Google Maps 내장 코드를 얻는 것은 매우 쉽습니다. 브라우저 창의 새 탭에서 Google 지도를 열고 사용 가능한 검색창에 주소를 입력하기만 하면 됩니다. 지도에서 주소를 선택하고 표시하면 아이콘을 클릭하세요. 공유하다 상. 공유 창에서 버튼을 클릭합니다. 지도 삽입 탭 그런 다음 클릭 HTML 복사 링크는 오른쪽 상단에 표시됩니다. 그게 다야! 구글맵의 메뉴(햄버거 아이콘)를 클릭하시고 아이콘을 클릭하셔도 됩니다. 지도 공유 또는 삽입 옵션. 이 코드를 얻는 또 다른 방법은 위 게시물의 방법 2에 설명된 무료 HTML 지도 생성기(지도 iFrame 생성기)를 이용하는 것입니다.

더 읽어보기: 전문가가 되기 위한 최고의 Google 지도 도움말 및 유용한 정보입니다.