Google 지역 정보 서비스에서 정의되지 않은 오류가 발생했습니다.

Question

최근 Google지도 Api v3를 사용하기 시작했는데 주변 검색을 시도 할 때 오류가 발생하고 정의되지 않았습니다. 이 라인 var service_places = new google.maps.places.PlacesService(map);

function setupMap (position) { 
// console.log(position); 
var curLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
// console.log(curLocation); 
var mapContainer = document.getElementById('map-container'); 
var mapOptions = { 
    zoom: 13, 
    center: curLocation, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    disableDefaultUI: true, 
    mapTypeControl: true, 
    mapTypeControlOptions: { 
     style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
    } 
}; 
map = new google.maps.Map(mapContainer,mapOptions); 
var marker = new google.maps.Marker ({ 
    position: curLocation, 
    map: map, 
    title: "I am here :)" 
}); 
getNearMe(curLocation); 
} 


function getNearMe (curLocation) { 
var request = { 
    loacation: curLocation, 
    radius: '10000', 
    types: ['bar', 'night_club'] 
}; 
var service_places = new google.maps.places.PlacesService(map); 
service_places.nearbySearch(request,function (response,status) { 
    console.log(status); 
    console.log(response); 
}); 

} 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<MY-KEY>-fSUI&sensor=false"> </script>

Answer 1

에 나는 박쥐 몇 가지 오류를 참조하십시오. 예를 들어 요청 변수에서 "location"의 철자가 잘못되었습니다.

지도 변수를 "var map"으로 선언해야합니다. 그러나 이것은 스타일 문제 일뿐입니다. 문제를 해결하고 문제가 없는지 확인한 후 더 많은 문제를 해결할 수 있습니다.

Answer 2

google api 링크에 장소 라이브러리를 포함해야합니다.

index.html을이 시도하십시오

<script src="http://maps.google.com/maps/api/js?sensor=true&libraries=places" type="text/javascript"></script>