Reply To: Extend Google Maps field with Places

• JonasVorwerk

• June 14, 2018 at 5:26 pm

Hi @eberger3,
No I didn’t!
But what worked for me was using the location data. So do a search and then get the all the place details, here is my code, enjoy.
Jonas

$('.hotspots-details').each(function(){
	var location = $(this).attr('data-location');
	
	if(location){
		var request = {
			query: location
		};	
		var service = new google.maps.places.PlacesService(map);
		service.textSearch(request, callbacksingle);
	}
});

and then something like:

function callbacksingle(results, status) {
	
	if (status == google.maps.places.PlacesServiceStatus.OK) {

		var service = new google.maps.places.PlacesService(map);
        service.getDetails({
          placeId: results[0].place_id
        }, function(place, status) {
        	if (status === google.maps.places.PlacesServiceStatus.OK) {
			
				//console.log(place);

				var output;
				output = '';
					
				//address
				if(place.adr_address){
					output += '<h3>Adres</h3>';
					output += place.name+'<br>';
					address = place.adr_address.split(', ');
					for(var i=0; i<address.length; i++){
						output += address[i]+'<br>'; 
					}
				}
				
				//phonenumber
				if(place.formatted_phone_number){
					output += '<a href="tel:'+place.formatted_phone_number+'">'+place.formatted_phone_number+'</a><br>';
				}
				
				//website
				if(place.website){
					output += '<a href="'+place.website+'">'+place.website+'</a><br>';
				}  
	          
				output += '';
	          
				//output everything
				$('.google-data').append(output);
        	}
        });	
	}
}