Google Map API

1.JavaScript | Google map API 이용 - 기본 map 삽입

post-thumbnail

(신용카드 결제 정보 필요 - 결제할 필요는 없음. 무료임)Google Maps PlatformMy First Project 클릭 후 새 프로젝트 생성 또는 기존 프로젝트 선택Maps JavaScript API 가이드script 태그의 async 속성은 스크립트가 나머

2022년 7월 1일

2.JavaScript | Google map API - Marker, InfoWindow (마커, 설명 띄우기)

post-thumbnail

Marker 가이드 링크Adding a Google Map with a Marker to Your Website아래는 공식 문서에서 가져온 코드.아래 코드로 marker를 map에 추가한다.position은 마커가 놓일 위치. position: { lat: 37.242

2022년 7월 1일

3.JavaScript | Google map API - mapstyle로 스타일 적용하기

post-thumbnail

mapstyle로 지도에 스타일 적용 map의 styles 속성에 array 값을 적용해 주면 된다. 여기서 아래 사이트를 이용하면! 스타일을 쉽게 지정해 줄 수 있다. mapstyle.withgoogle.com https://velog.velcdn.com/imag

2022년 7월 1일

4.JavaScript | Google map API - Geolocation (현재 위치 표시)

post-thumbnail

🔗Maps JavaScript API 가이드: Show current locationThis example creates a map that displays the geographic location of a user or device on a Google map,

2022년 7월 1일