GoogleMap을 웹 페이지에 이미지로 삽입하는 방법

Google Maps Static Maps API를 사용하면 편리합니다.

Google Developer Console에서 API 키 가져오기

Google Developer Constore에서 프로젝트를 만들고 API 키를 만듭니다.

URL 어셈블하기

API 키를 가져올 수 있는 경우 나중에 URL을 어셈블하여 이미지를 가져올 수 있습니다.
기본 URL은 https://maps.googleapis.com/maps/api/staticmap 이후에 질의를 계속하여 URL을 구성합니다.몇 개의 필수 매개 변수가 있는데, 마지막에 지정한 키도 반드시 필요하다
공식적으로 제공된 URL을 사용하면 다음과 같은 URL 형식을 사용할 수 있다.
https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Clabel:C%7C40.718217,-73.998284
&key={API_KEY}
위치 매개 변수 태그를 설정할 때 센터 지도의 중앙을 확정하다.지명이나 위도 경도를 사용할 수 있다 zoom 지도의 초점 단계를 확정합니다.0부터 21까지 지도 매개 변수 크기에 필요한 이미지의 가로 세로 비율을 지정합니다.자유롭게 사용할 수 있는 크기는 640x640으로 제한 scale 이미지의 축척을 지정합니다.scale=1은 기본적으로 size가 지정한 그림처럼 되돌아오지만, scale=2는 간단하게 가로획의 2배로 확대된 그림을 되돌려줍니다.무료 계정 2 개만 선택 가능 format 이미지 형식.기본 png maptype 지도의 종류입니다.로드맵,satellite,hybrid,terrain 등을 선택할 수 있다. 태그 설정 마크스라는 이름으로 여러 번 지정할 수 있습니다. 태그는 색상과 label 외에 위치 정보를 설정할 수 있습니다. markers=color:0x555555|label:A|osaka 감상