Page d'essai

<!DOCTYPE html>
<html>
<tête>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDBcOsFb-FZpwKBL6smn1DRR_cABHIldY&libraries=places"></script>
</tête>
<corps>
<input type="text" id="searchInput" placeholder="Rechercher une entreprise">
<button onclick="searchPlace()">Rechercher</button>
<div id="résultats"></div>
<script>
fonction rechercheLieu() {
var searchInput = document.getElementById('searchInput').value;

var service = new google.maps.places.AutocompleteService();
service.getPlacePredictions({ input: searchInput }, function(predictions, status) {
si (statut != google.maps.places.PlacesServiceStatus.OK) {
alert('Une erreur s'est produite : ' + statut);
retour;
}

var resultDiv = document.getElementById('results');
résultatsDiv.innerHTML = '';

pour (var i = 0; je < prédictions.longueur; i++) {
var lieu = prédictions[i] ;
var placeId = lieu.place_id;
var nom = place.structured_formatting.main_text ;
var adresse = place.structured_formatting.secondaire_text ;

var placeLink = document.createElement('a');
placeLink.href = 'https://search.google.com/local/writereview?placeid=' + placeId ;
placeLink.textContent = nom + ' - ' + adresse
placeLink.target = '_blank' ;

var resultItem = document.createElement('div');
resultItem.appendChild(placeLink);
résultatsDiv.appendChild(resultItem);




}
});
}</script>

</tête>
</html>