Google 지도에 추가 중입니다. Google 지도 지도를 삽입합니다. Google 지도 플러그인
안녕하세요 여러분! 오늘은 지도 설치 방법 뿐만 아니라 구글지도귀하의 웹사이트(모든 HTML 페이지)뿐만 아니라 스타일에도 적용됩니다. 구글지도지도 - 지도 색상을 변경하고 지도 마커에 설명을 추가합니다. 구글지도, 마커의 모양(이미지)을 변경하고 설명을 추가하세요. 가다!)
중요 사항.
1. 구글 지도 삽입 먼저 HTML 페이지를 만들고 여기에 Google 지도 지도를 삽입해 보겠습니다. 우리는 이것을 할 것입니다 Google을 사용하여 지도 API. 즉, 고급 루트로 가자. Google은 Google 지도 사용에 관해 러시아어와 영어로 된 훌륭한 문서와 지침을 보유하고 있습니다. 그래서 프로그래머는 곧바로 그곳으로 갈 수 있습니다. 이해할 수 있는 내용을 얻고 싶다면단계별 수업
- 그럼 있어. 이제 수행해야 할 작업을 차례로 설명하고 주석이 포함된 페이지 코드를 제공하겠습니다. 먼저 우리는 만듭니다 HTML 페이지
우리는 페이지에 Google 지도 지도를 생성하고 표시하는 스크립트를 작성 중입니다.
여기에 우리가 얻은 페이지 코드가 있습니다. 내부 댓글에 주목하세요. 무슨 일이 일어나고 있는지 설명했습니다.
이제 이런 지도가 생겼지만 위치를 표시하는 마커가 없습니다.
또한 필요한 주소를 지도에 표시하는 방법도 물어볼 것입니다.
볼쇼이 극장의 위치를 지도에 표시해 보겠습니다. center 매개변수에서 지도 중심 좌표를 정의했습니다.
중앙: (lat: -34.397, lng: 150.644),
우리 위치에 대한 좌표를 얻어야 합니다. 이를 위해 우리는 일반 버전구글 지도와 오른쪽 키관심 있는 장소를 클릭하세요. '여기가 뭐예요'를 클릭하고 장소의 좌표를 확인하세요. (55.760186, 37.618711). 동시에 스케일을 변경하여 18: Zoom: 18 로 설정하겠습니다.
장소가 결정되었습니다. 남은 것은 지도에 마커를 표시하는 것뿐입니다. initMap() 함수 내부에 마커에 대한 변수를 추가합니다.
// 지도에 마커를 만듭니다. var marker = new google.maps.Marker(( // 마커 위치 결정: (lat: 55.760186, lng: 37.618711), // 어느 지도에 표시할지 지정합니다. ( 하나 이상의 지도가 페이지에 있을 수 있습니다. map: map, // 마커의 이름을 적습니다. 마커 위에 마우스를 놓고 잠시 기다리면 표시됩니다. "우리 마커: 대극장" });
이제 마커가 있는 지도가 생겼습니다.
마커를 클릭하여 자신만의 이벤트를 추가할 수도 있습니다. 최종 페이지 코드에서는 이 작업을 수행하지 않습니다. 그러나 이것이 수행되는 방법은 다음과 같습니다.
Google.maps.event.addListener(marker, "click", function() ( document.location="http://google.com"; ));
addListener 메소드의 첫 번째 매개변수는 이벤트가 추가되는 객체입니다(이 경우 marker ). 객체는 마커일 뿐만 아니라 지도 자체일 수도 있습니다. 두 번째 클릭 매개변수는 이벤트 유형을 지정합니다. 이 경우한 번의 클릭. 세 번째는 작동할 핸들러 기능입니다.
마커와 마커 작업 가능성에 대한 자세한 내용은 설명서를 살펴보는 것이 좋습니다.
2.3 Google 지도에서 마커에 나만의 아이콘 설정하기마커가 설치되었습니다. 그러나 그것은 표준이며 전혀 흥미롭지 않습니다. 우리만의 아이콘으로 바꾸자. 우리가 사용할 적절한 아이콘 하나를 찾았습니다.
변수 설명에 아이콘을 마커로 추가하겠습니다.
// 지도에 마커를 만듭니다. var marker = new google.maps.Marker(( // 마커 위치 결정: (lat: 55.760186, lng: 37.618711), // 어느 지도에 표시할지 지정합니다. ( 하나 이상의 지도가 페이지에 있을 수 있습니다. map: map, // 마커의 이름을 쓰세요. 마커 위에 마우스를 놓고 잠시 기다리면 표시됩니다. 제목: "Our marker: Bolshoi Theatre", // 지정 마커 아이콘에 대한 아이콘: "theatre_icon.png" ));
더 알아보기 복잡한 아이콘- 문서에서 확인할 수 있습니다.
3. Google 지도에 나만의 디자인 스타일 설정이제 지도를 색칠할 시간입니다. 특별하고 독특한 모습을 보여주세요. 우리는 Snazzy Maps 서비스를 사용하여 이 작업을 수행할 것입니다. 많은 수의 Google 지도용 스킨. 그리고 이를 통해 다음과 같은 멋진 카드를 만들 수 있습니다.
저는 Blue water라는 지도 스타일을 선택했습니다. 이 스타일 페이지에서 디자인 코드를 찾고 이 스타일을 Google 지도 지도에 적용하는 예제가 포함된 파일을 다운로드할 수 있습니다.
지도가 포함된 객체를 생성할 때 지도 변수에 지정하는 스타일 속성에 지도 디자인을 위한 스타일을 추가합니다.
전체 코드 조각은 다음과 같습니다.
// 지도 변수에서 지도 객체를 생성합니다. GoogleMaps map = new google.maps.Map(document.getElementById("map"), ( // 지도 객체를 생성할 때 해당 속성을 지정해야 합니다. // center - 우리가 결정합니다. 지도가 중앙에 위치할 지점: (lat: 55.760186, lng: 37.618711), // 확대/축소 - 축척을 정의합니다. 0 - 전체 도로가 표시됩니다. 18 - 도시의 주택과 거리가 표시됩니다. 18, // 지도 스타일을 표시하기 위한 고유한 스타일을 추가합니다. [("featureType ":"administrative","elementType":"labels.text.fill","stylers":[("color":"#444444" )]),("featureType":"landscape","elementType":" 모두","stylers":[("color":"#f2f2f2")]),("featureType":"poi","elementType ":"all","stylers":[("visibility":"off ")]),("featureType":"road","elementType":"all","stylers":[("saturation": -100),("가벼움":45)]),("featureType":"road.highway","elementType":"모두","stylers":[("visibility":"simplified")]), ("featureType":"road.arterial","elementType":"labels.icon","stylers":[("visibility":"off")]),("featureType":"transit","elementType" :"all","stylers":[("visibility":"off" )]),("featureType":"water","elementType":"all","stylers":[("color":" #46bcec"),("가시성":"설정")])] ) );
이제 지도는 다음과 같습니다.
지도를 추가하면 더욱 개선될 수 있습니다. 정보 창마커를 클릭하면 됩니다. 이에 대한 문서가 제공됩니다. 한마디로 덧붙이자면 정보 창필요한:
이 모든 일은 initMap() 함수 내에서 발생합니다.
4.1 정보 창의 콘텐츠를 설명하겠습니다. // 정보 창의 콘텐츠 만들기 var contentString = ""+ ""+ ""+ "Bolshoi Theater"+ ""+ "러시아 국립 학술 볼쇼이 극장(Study Academic Bolshoi Theatre of Russia) 또는 간단히 볼쇼이 극장(Bolshoi Theatre)은 러시아에서 가장 큰 "+" 극장 중 하나이자 세계에서 가장 중요한 오페라 및 발레 극장 중 하나입니다.
"+ "웹사이트: bolshoi.ru "+"
"+ ""+ ""; 4.2 정보창 생성 // 정보창 생성 var infowindow = new google.maps.InfoWindow(( content: contentString, maxWidth: 400 )); 4.3 마커, 정보 표시 -window // 리스너를 생성하고 마커를 클릭하여 정보 창을 엽니다. infowindow marker.addListener("click", function() ( infowindow.open(map, marker); ));이제 정보창이 있는 지도는 다음과 같습니다.
청소도 할 수 있어요 표준 요소카드에서 제어하고, 필요하거나 불필요한 항목을 켜거나 끄고, 직접 만들 수도 있습니다. 이 모든 것에 대한 설명은 문서에서 찾을 수 있습니다.
준비된 지도완성된 지도와 코드는 아래 또는 codepen에서 볼 수 있습니다.
알렉세이 체르니친
작은 설명:
1~2주 - 인증 코드를 받기까지 실제 우편- 안타깝게도 거의 환상에 가깝습니다. 지난 2번은 개인적으로 Google.Business에 회사를 등록하는 데 1.5~2개월이 걸렸습니다. 여기서 흥미로운 기능- 구글에서 보낸 편지는 프랑스에서 왔습니다.
저것들. 우리가 원하는 것만큼 빠르고 간단하지 않습니다.
또한 회사 계정이 이미 디렉토리에 등록된 것으로 밝혀지면 이미 존재하는 디렉토리에 언급된 관리 권한을 귀하에게 양도하는 절차를 거쳐야 합니다. (가끔 이런 일이 발생합니다. 예를 들어, 전 직원디렉터리를 변경한 다음 데이터를 남기지 않고 종료합니다.) 따라서 회사는 항상 회사에 등록된 브랜드 계정 목록을 유지하고 공연자의 명예를 신뢰하지 않는 것이 좋습니다.
명확히 해주세요 :)
-우리는 어떤 참고서에 대해 이야기하고 있습니까? 내 기억이 정확하다면 Google 비즈니스는 개별적이며 카탈로그/디렉토리가 아닙니다.
- 리소스에 새 프로필을 추가하고 생성하기 전에 이미 프로필이 있는지 확인하는 것이 합리적이며 문제가 없는지 확인하는 것이 합리적이라고 생각합니다.) 그러나 Google 비즈니스 프로필의 경우-예, 누군가 이미 프로필을 찍은 경우 귀하의 프로필을 확인한 후 해당 .support 및 권리 양도를 환영합니다.
무카메드-카나피아 작실릭
글쎄요, 아직 카자흐스탄에서는 이 도구를 실제로 사용하지 않지만 저는 그렇지 않습니다. 개인적으로 일주일 반 만에 아스타나에 인증번호가 도착해서 매우 놀랐습니다. 그래서 내 비즈니스에 버그가 있습니다(예: 게시물의 버튼). 검색 텍스트가 내가 지정한 것과 다른 텍스트를 표시하는 경우가 있습니다.
페이지 제목: 빠르게 추가하는 방법.... 실제로 빠르게 추가하는 방법에 대한 조언이 하나도 없고 단순히 진부한 지침만 있는, 제시된 자료와 공통점이 무엇입니까!
알렉세이 체르니친
)) 정확히 무엇을 명확히 해야 할까요? Google 비즈니스를 '카탈로그' 및 '디렉토리'라고 부른 이유는 무엇인가요? 글쎄요, 실제로는 본질적으로 그러하기 때문입니다. 결과에 따르면 Google은 Yandex와 마찬가지로 개인화된 결과를 생성(시도)합니다. 하지만 때 우리 얘기 중이야브랜드 검색어에 대한 정보 - 일반적으로 항상 Google 명함을 발급합니다.
따라서 "카탈로그"와 "디렉토리"를 원하지 않는다면)) 그렇게 부르지 마세요))
그리고 추가하기 전에 확인이 필요하다는 점에 동의합니다. 그리고 그렇습니다. 아무도 권리 양도를 취소하지 않았습니다. 제 경우에는 단순히 개인적인 부주의로 고객님께 계정 링크를 받았으나 다시 확인하지는 않았습니다. 하지만 알고 보니 이것은 이미 그들이 만든 두 번째 작품이었습니다. 왜냐하면... 첫 번째에는 도달하지 못했습니다.
글쎄요) 뭔가 바뀌었을지도 모른다고 생각해서 놓쳤어요)
아나톨리 쉬핏츠
안에 최근에편지는 모스크바 주소로 전혀 전달되지 않지만 우크라이나 주소로 전달됩니다. 아마도 국무부의 속임수와 비밀 음모 일 것입니다.)
도메인 이메일을 통해 페이지와 주소를 확인해야 하며(이메일 시도가 종료되면) 첫 번째 시도에서 작동하지 않는 경우도 있습니다 =)
ㅏ 그 사람은 어디로 올까?집만 표시된 경우 숫자가 포함된 문자인가요?
"도메인 메일을 통해" 이것이 어떻게 작동하는지 좀 더 구체적으로 말씀해주실 수 있나요?
엘레나 블라디미로브나 크라예바
Alexey, 타이밍을 명확히 해주셔서 감사합니다. 분명히 Google은 항상 마감일을 지키지 못합니다.
엘레나 블라디미로브나 크라예바
여기 공식 비디오 Google Business에서 주소를 올바르게 표시하는 방법에 대해 https://www.youtube.com/wat...
엘레나 블라디미로브나 크라예바
다음은 확인 수신 속도를 높이는 방법을 설명하는 Google for Business(러시아)의 공식 동영상 링크입니다. 즉, 편지가 1~2주 이내에 도착하지 않으면 기술 지원팀에 문의하세요(여기에 페이지 링크가 있습니다). 기술 지원 요청을 보내기 위해
일부(전부는 아님) 회사의 경우 우편 확인 외에 전화 또는 전화를 통한 확인 옵션도 제공됩니다. 이메일. 전화나 우편으로 확인할 수 있는 Google 지침 링크는 다음과 같습니다: https://support.google.com/... .
비디오 링크
모든 독자 여러분, 좋은 오후입니다. Google 지도 또는 러시아어로 말하기 - Google 지도는 오랫동안 수백만 명의 사용자에게 가장 인기 있는 도구가 되었습니다. 이제 이 멋진 프로젝트의 모든 장점을 나열하지는 않겠습니다. 당신은 그것을 스스로 알고 있습니다. '회사 소개' 또는 '가는 방법'과 같은 페이지의 대화형 Google 지도 오랫동안 모든 기업 웹사이트, 더 나아가 매장이 있는 웹사이트에서 필수 속성이 되었습니다. 이러한 카드를 WordPress 사이트에 보다 편리하게 삽입하는 방법에 대해 이야기해 보겠습니다.
다음을 통해 웹사이트에서 Google 지도를 얻을 수 있습니다. 수동 삽입코드를 사용하거나 적절한 플러그인을 사용합니다. 첫 번째 옵션을 자세히 살펴 보겠습니다.
수동 코드 삽입을 사용하여 Google 지도를 삽입하는 방법우리는 카드 자체를 밟았습니다. 구글에서필요한 지리적 위치를 찾으세요. 한동안 지도는 쉽게 볼 수 있도록 완전히 최소한의 인터페이스를 갖기 시작했습니다. 우리는 필요하다 클래식 버전. 브라우저 오른쪽 상단에 있는 "도움말 및 피드백" 버튼을 클릭한 다음 "클래식 인터페이스" 버튼을 클릭하세요.
"링크"버튼이 필요한 일종의 사이드 바가 왼쪽에 나타납니다. 클릭하면 두 개의 필드가 있는 창이 나타납니다.
아래에는 또 다른 링크가 있습니다 - "설정 및 시사내장 카드. 클릭하시면 팝업창으로 이동됩니다. 미세 조정우리 지도를 소개합니다. 여기에서는 지도 표시 축척, 지도 표시 및 복사를 위한 창 크기를 조정할 수 있습니다. 필수 코드하단 필드에서 웹사이트까지. 동시에 자세히 살펴보면 지도 표시 설정을 변경할 때 이 필드의 숫자가 어떻게 변경되는지 확인할 수 있습니다.
WordPress 사이트로 이동하여 게시물, 페이지 또는 템플릿에 코드를 붙여넣습니다. 그게 다야. 남은 것은 게시물이나 페이지를 저장하고 Google 지도가 귀하의 사이트에 어떻게 "정착"되는지 확인하는 것입니다.
플러그인을 사용하여 Google 지도를 삽입하는 방법WordPress 사이트의 한 위치에 Google 지도를 삽입하려는 경우 첫 번째 방법이 좋습니다. 그러나 지도가 귀하의 사이트에서 중요한 역할을 하고 게시물에 지도를 자주 추가해야 하는 주요 콘텐츠의 경우 특별한 WordPress 플러그인인 . 설치 및 활성화 후 게시물로 이동하여 메타박스까지 아래로 스크롤하세요. 맵프레스. 여기서 생성해야 할 것은 새로운 지도 — 새로운 지도.
카드 이름을 입력하고 크기를 선택하세요. 현장에서 POI 추가:검색할 이름이나 좌표를 입력하세요. 올바른 장소. 그런데 이 방법으로 하나의 지도에 여러 장소를 추가할 수 있습니다. 별도의 창에 설명을 입력하세요. 저장하고 게시물에 삽입을 클릭하여 페이지에 삽입하세요.
이상 세부 설정이것은 일반적으로 매우 강력한 플러그인입니다. 메뉴로 이동하세요. 맵프레스사이트의 관리자 패널에서. 여기서는 필요에 맞게 기본 플러그인의 다양한 측면을 자유롭게 변경할 수 있습니다. 예를 들어 게시물과 페이지에 카드를 자동으로 표시할 위치를 결정하고, 카드 관리 인터페이스와 카드 모양을 변경하는 등의 작업을 수행할 수 있습니다. 원하시면 링크를 통해서도 공부하실 수 있습니다 자세한 지침플러그인 작성자로부터.
라이트박스 효과를 사용하여 위젯에 Google 지도 추가웹사이트에 Google 지도를 추가하는 또 다른 매우 간단하고 효과적인 방법은 플러그인을 사용하는 것입니다. 설치 및 활성화 후 플러그인을 사용하면 새 위젯같은 이름으로.
위젯으로 넘어가겠습니다. 새로운 Google 지도 위젯을 필요한 '위젯 위치'로 드래그하세요. 예를 들어 사이드바에 있습니다. 필수 이름을 입력하세요. 합의그리고 국가. 확대/축소 수준을 지정합니다. 사이드바에 지도를 표시하는 것 외에도 효과를 이용해 클릭하면 지도를 확대하는 것도 가능합니다. 따라서 위젯 내부에는 두 개의 북마크가 더 있습니다. 추가 세팅— 사이드바 및 확장된 보기의 경우.
프리미엄 플러그인 - 5초 Google 지도프리미엄 플러그인을 선호하고 "올인원"을 원하며 항상 작성자로부터 탁월한 지원을 받는 데 익숙한 사람들에게는 인기 플러그인 구매를 권장할 수 있습니다.
10달러의 비용으로 플러그인은 다음을 수행할 수 있습니다.
- API 필요 없음, 설치 없음, 코드 편집 없음
- 사이드바, 게시물, 페이지 등 모든 곳에서 즉시 사용 가능
- 전체 화면 지원.
- 기본 코드인 는 쉽게 변경할 수 있습니다.
- 각 게시물/페이지에 대한 여러 카드.
- 12개의 사전 정의된 마커/아이콘
- 완전히 사용자 정의 가능한 HTML 설명
- 최대 속도를 위해 지오코딩(lat/LNG 주소 매핑)에 로컬 캐시를 사용합니다.
- 예제가 포함된 광범위한 문서
결론적으로, 많은 최신 프리미엄 테마가 기본적으로 어떤 형태로든 Google 지도를 지원한다는 사실을 언급하지 않을 수 없습니다. 일반적으로 를 사용하여 표시됩니다. 때로는 설정이 포함된 별도의 메뉴가 있는 경우도 있습니다. 일반적으로 설명서를 참조하세요.
이 기사가 WordPress 사이트에 필요한 Google 지도를 삽입하는 데 적합한 옵션을 선택하는 데 도움이 되기를 바랍니다.
저자의 말: 안녕하세요, 친구들. 이 짧은 기사에서는 WordPress 사이트에 Google 지도를 삽입하는 방법을 배웁니다. Google 지도는 예를 들어 연락처 페이지에 주소를 시각화하거나 단순히 지도에 장소를 표시할 수 있기 때문에 매우 편리합니다.
그런데 Google 지도 대신 Yandex 지도를 사용하려는 경우 이 경우 기사를 읽을 수 있습니다.
그럼 설치를 시작해 보겠습니다. 구글 설정사이트맵, 즉 구글맵입니다. 여기서는 지도를 추가하는 두 가지 방법, 즉 간단한 방법과 조금 더 복잡한 방법을 살펴보겠습니다. 가장 간단한 옵션부터 시작해 보겠습니다. 그 결과 정적 이미지 형태의 지도가 생성됩니다. 이를 구현하기 위해 연락할 필요도 없습니다. 구글 서비스지도(Google Maps), 지도를 추가하는 기술을 배우고 기억하기만 하면 됩니다.
따라서 지도를 추가하려면 다음이 필요합니다. img 태그다음과 같은 코드로:
< img src = "//maps.googleapis.com/maps/api/staticmap?center=нужный +адрес&zoom=17&size=600x300 " alt = "" > |
보시다시피, 이미지는 Google 지도 서비스에서 가져와서 특히 다음과 같은 여러 매개변수가 추가되었습니다.
center — 지도에 표시되어야 하는 주소입니다.
Zoom - 배율 값(보다 더 큰 숫자, 더 크다), 최대값 — 22;
크기 - 지도의 너비와 높이.
기사에 지도를 추가해 보겠습니다. 이렇게하려면 다음으로 이동하십시오. HTML 모드코드(편집기 상단의 텍스트 탭)를 클릭하고 필요한 코드를 추가합니다.
그런 다음 시각적 탭으로 쉽게 돌아갈 수 있으며 모든 것이 올바르게 완료되면 편집기의 Google 지도 이미지에서 선택한 장소를 볼 수 있습니다.
WordPress 사이트에 Google 지도가 나타나는지도 확인해 보겠습니다.
엄청난! 이제 우리는 추가하고 생성하는 방법을 배웠습니다. 필요한 설정웹사이트의 구글 지도. 플러그인을 설치할 필요가 없었으며, 플러그인 없이도 문자 그대로 1분 안에 모든 작업을 완료할 수 있습니다.
그러나 이 방법은 모든 사람에게 적합하지 않을 수 있습니다. 결과적으로 우리는 탐색할 수 없는 정적 지도를 받았습니다. 우리는 얻었다 일반적인 사진. 동적 지도를 얻으려면 Google 지도 서비스에 접속해야 합니다.
남은 것은 결과 코드를 기사에 붙여넣는 것뿐입니다. 텍스트 모드에서 편집기에 코드를 붙여넣어야 한다는 점을 상기시켜 드리겠습니다.
변경 사항을 저장하고 WordPress 사이트에 Google 지도가 나타나는지 확인해 보겠습니다.
모든 것이 잘되었습니다. 기사에는 탐색할 수 있는 동적 지도가 있습니다. 매우 편안합니다. 여기서 이 방법그다지 어렵지는 않았습니다. 장소를 찾고 지도 코드를 얻으려면 추가로 Google 지도 서비스를 이용해야 했습니다.
반복합니다. Google을 사용하여지도를 찾을 필요도 없었어요 워드프레스 플러그인. 그런데 귀하의 사이트에 Google 지도를 쉽게 추가할 수 있는 플러그인을 작성하는 방법을 배우고 싶다면 저희의 플러그인을 확인해 보세요.
그게 전부입니다. 행운을 빌어요!
위성 지도 하이브리드 지형
2.5m 5m 10m 20m 50m 100m 200m 400m 1km 2km 4km 8km 15km 30km 50km 100km 200km 400km 1000km 2000km
https://site/ru/ https://site/de/ https://embedgooglemaps..com/ru/ https://embedgooglemaps..com/en/ https://site/fr/
나만의 코드 만들기
클립보드에 복사됨
https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it //iamsterdamcard.it https://iamsterdamcard.it https://iamsterdamcard.it
사이트에 가치를 추가하는 Google 지도 삽입 코드웹사이트에 위치를 추가하면 방문자가 위치를 기억하고 찾아오는 길을 더 쉽게 찾을 수 있습니다. 사이트에 지도를 추가하면 방문자는 확실히 귀하의 위치를 더 잘 기억하고 더 쉽게 귀하에게 접근할 수 있습니다. 많은 웹사이트 소유자가 Google 지도를 Joomla에 삽입하는 방법에 관심이 있습니다. 빠른 가이드, 사이트에 Google 지도를 추가하는 데 도움이 됩니다.
다음은 Google 지도 생성기를 사용하여 매우 쉽고 성공적으로 웹사이트에 Google 지도를 추가하는 데 도움이 되는 단계입니다.
- 방문자가 귀하를 찾을 수 있도록 할 주소를 선택하고 사이트에 위치 지도를 추가하세요.
- 위성, 하이브리드, 지형 중에서 지도 유형을 선택하세요. 어떤 유형이 귀하에게 가장 적합한지 주의 깊게 살펴보십시오.
- 귀하의 사이트에 적합하도록 너비와 높이를 지정하십시오.
- 이러한 설정을 완료한 후 도구 아래에 있는 "내 코드 생성" 버튼을 클릭하세요. 또한 다음을 선택할 수 있습니다. 전체 코드">> 여기를 클릭하세요. Ctrl + C를 누르세요.