구글맵 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
의견 보내기 장소 라이브러리 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 플랫폼 선택: Android iOS 자바스크립트 웹 서비스 참고: 이제 API 키 제한이 적용
developers.google.com
결론
구글맵 API를 사용할 때 발생하는 'PlacesService' 속성 오류는 간단한 설정 문제로 인한 것입니다. 스크립트 태그에 libraries=places 파라미터를 추가함으로써 이 문제를 손쉽게 해결할 수 있습니다. API를 사용하면서 다양한 오류나 문제가 발생할 수 있으니, 공식 문서를 참조하면서 정확한 해결 방법을 찾아보는 습관을 기르는 것이 좋습니다.