Testseite
<!DOCTYPE html>
<html>
<Kopf>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDBcOsFb-FZpwKBL6smn1DRR_cABHIldY&libraries=places"></script>
</Kopf>
<Text>
<input type="text" id="searchInput" placeholder="Nach einem Unternehmen suchen">
<button onclick="searchPlace()">Suchen</button>
<div id="Ergebnisse"></div>
<Skript>
Funktion Suchort() {
var searchInput = document.getElementById('searchInput').value;
var Dienst = neues Google.Maps.Places.AutocompleteService();
service.getPlacePredictions({ Eingabe: Sucheingabe }, Funktion(Vorhersagen, Status) {
wenn (status != google.maps.places.PlacesServiceStatus.OK) {
alert('Fehler aufgetreten: ' + status);
zurückkehren;
}
var ErgebnisseDiv = document.getElementById('Ergebnisse');
ErgebnisseDiv.innerHTML = '';
für (var i = 0; i < Vorhersagen.Länge; i++) {
var Ort = Vorhersagen[i];
var placeId = Ort.place_id;
var name = ort.strukturierte_formatierung.haupttext;
var Adresse = Ort.strukturierte_Formatierung.sekundärer_Text;
var placeLink = document.createElement('a');
placeLink.href = 'https://search.google.com/local/writereview?placeid=' + placeId;
placeLink.textContent = Name + ' - ' + Adresse
placeLink.target = "_blank";
var resultItem = document.createElement('div');
resultItem.appendChild(placeLink);
resultsDiv.appendChild(resultItem);
}
});
}</script>
</Kopf>
</html>
