JSFiddle - React, Tailwind, and code Playground
HTML
<h1>
Google Places Library without map
</h1>
<a href="http://stackoverflow.com/questions/14343965/google-places-library-without-map" target="_blank">See stackoverflow.com/questions/14343965/google-places-library-without-map</a>
<ul class="reviews__content" id="reviews__content">
</ul>
<div id="service-helper"></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&libraries=places&callback=getRelevantGoogleReviews">
</script>
<script type="text/javascript">
window.getRelevantGoogleReviews = function(){
var service = new google.maps.places.PlacesService($('#service-helper').get(0)); // note that it removes the content inside div with tag '#service-helper'
service.getDetails({
placeId: 'ChIJAwEf5VFQqEcRollj8j_kqnE' // get a placeId using https://developers.google.com/places/web-service/place-id
}, function(place, status) {
if (status === google.maps.places.PlacesServiceStatus.OK) {
var resultcontent = place.rating;
$('#reviews__content').append(resultcontent);
}
});
}
</script>