Test Page
<!DOCTYPE html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDBcOsFb-FZpwKBL6smn1DRR_cABHIldY&libraries=places"></script>
</head>
<body>
<input type="text" id="searchInput" placeholder="Search for a business">
<button onclick="searchPlace()">Search</button>
<div id="results"></div>
<script>
function searchPlace() {
var searchInput = document.getElementById('searchInput').value;
var service = new google.maps.places.AutocompleteService();
service.getPlacePredictions({ input: searchInput }, function(predictions, status) {
if (status != google.maps.places.PlacesServiceStatus.OK) {
alert('Error occurred: ' + status);
return;
}
var resultsDiv = document.getElementById('results');
resultsDiv.innerHTML = '';
for (var i = 0; i < predictions.length; i++) {
var place = predictions[i];
var placeId = place.place_id;
var name = place.structured_formatting.main_text;
var address = place.structured_formatting.secondary_text;
var placeLink = document.createElement('a');
placeLink.href = 'https://search.google.com/local/writereview?placeid=' + placeId;
placeLink.textContent = name + ' - ' + address
placeLink.target = '_blank';
var resultItem = document.createElement('div');
resultItem.appendChild(placeLink);
resultsDiv.appendChild(resultItem);
}
});
}</script>
</head>
</html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDBcOsFb-FZpwKBL6smn1DRR_cABHIldY&libraries=places"></script>
</head>
<body>
<input type="text" id="searchInput" placeholder="Search for a business">
<button onclick="searchPlace()">Search</button>
<div id="results"></div>
<script>
function searchPlace() {
var searchInput = document.getElementById('searchInput').value;
var service = new google.maps.places.AutocompleteService();
service.getPlacePredictions({ input: searchInput }, function(predictions, status) {
if (status != google.maps.places.PlacesServiceStatus.OK) {
alert('Error occurred: ' + status);
return;
}
var resultsDiv = document.getElementById('results');
resultsDiv.innerHTML = '';
for (var i = 0; i < predictions.length; i++) {
var place = predictions[i];
var placeId = place.place_id;
var name = place.structured_formatting.main_text;
var address = place.structured_formatting.secondary_text;
var placeLink = document.createElement('a');
placeLink.href = 'https://search.google.com/local/writereview?placeid=' + placeId;
placeLink.textContent = name + ' - ' + address
placeLink.target = '_blank';
var resultItem = document.createElement('div');
resultItem.appendChild(placeLink);
resultsDiv.appendChild(resultItem);
}
});
}</script>
</head>
</html>