구글맵 API에서 'PlacesService' 속성 오류 해결하기 Uncaught TypeError: Cannot read property 'PlacesService' of undefined

구글맵 API를 사용하여 근처 검색 기능을 개발 중인데, "Uncaught TypeError: Cannot read property 'PlacesService' of undefined"라는 오류에 부딪혔다면 고민하지 마세요. 이 문제는 단순한 설정 누락으로 인한 것일 수 있습니다. 본 글에서는 이 문제의 원인과 해결 방법에 대해 상세히 설명하겠습니다.

 

 

1. 문제 상황

구글맵의 근처 검색 기능을 구현하려고 할 때, 다음 코드를 실행했습니다.

var service = new google.maps.places.PlacesService(gMap);

그런데 위 코드 실행 시, 다음과 같은 에러 메시지가 출력되었습니다.

Uncaught TypeError: Cannot read property 'PlacesService' of undefined

 

2. 문제 원인

해당 에러는 구글맵의 Places 라이브러리가 제대로 로드되지 않았을 때 발생하는 오류입니다.

 

3. 해결 방법

해당 문제를 해결하기 위해서는 HTML의 스크립트 태그에 libraries=places 파라미터를 추가해야 합니다. 이렇게 하면 Places 라이브러리가 올바르게 로드되어 위의 오류를 피할 수 있습니다.

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=places"></script>

 

4. 추가 정보

• 해당 오류와 관련된 자세한 정보 및 다양한 기능은 구글맵 공식 문서에서 확인할 수 있습니다.
• Google Maps Places Library

장소 라이브러리  |  Maps JavaScript API  |  Google for Developers

 

결론

구글맵 API를 사용할 때 발생하는 'PlacesService' 속성 오류는 간단한 설정 문제로 인한 것입니다. 스크립트 태그에 libraries=places 파라미터를 추가함으로써 이 문제를 손쉽게 해결할 수 있습니다. API를 사용하면서 다양한 오류나 문제가 발생할 수 있으니, 공식 문서를 참조하면서 정확한 해결 방법을 찾아보는 습관을 기르는 것이 좋습니다.