구글맵 개발 시 페이지에 접근 시 맵 로딩이 이루어집니다. 맵 로딩이 완료되자마자 어떤 맵 이벤트 함수를 실행하고자 할 때 사용하는 방법입니다. 아래의 빨갛고 굵게 표시된 소스를 추가합니다. map이 idle 상태일 경우 1회 실행되는 맵 이벤트 리스너를 추가했습니다. 리스너를 알기 전까지..setTimeout을 사용하여 몇초 후 함수 실행을 하라는 설정을 사용했습니다. 컴퓨터의 사양, 인터넷 속도에 따라 맵로딩 시간이 틀리므로 맵이 로딩되기 전에 맵 관련 함수가 먼저 실행되면 javascript 에러가 발생합니다. 리스너를 사용하여 적절히 대응할 수 있습니다. 구글맵 API : https://developers.google.com/maps/?hl=ko 맵 리스너 : https://developers.g..

------------------------------------------------------------------- 위의 소스를 실행하면 구글맵의 설정이 완료됩니다. 기존에는 구글맵측에서 API키를 받아 설정했지만, 버전업 후 간단한 스크립트 참조로 구글맵 개발설정을 할 수 있습니다. body 태그 안쪽에는 맵 캔버스가 위치하고, 맵에 대한 컨트롤, 오버레이 등은 자바스크립트 단에서 처리합니다. 현재 초기 위치는 가산디지털단지역의 위치이고, 마커가 찍힌곳의 위치는 현재 위치(회사)입니다. 구글맵 API : https://developers.google.com/maps/?hl=ko