Página de prueba
<!DOCTYPEhtml>
<html>
<cabeza>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDBcOsFb-FZpwKBL6smn1DRR_cABHIldY&libraries=places"></script>
</cabeza>
<cuerpo>
<input type="text" id="searchInput" placeholder="Buscar un negocio">
<button onclick="searchPlace()">Buscar</button>
<div id="resultados"></div>
<script>
function buscarLugar() {
var searchInput = document.getElementById('searchInput').value;
var servicio = nuevo google.maps.places.AutocompleteService();
service.getPlacePredictions({ input: searchInput }, function(predicciones, estado) {
if (estado != google.maps.places.PlacesServiceStatus.OK) {
alert('Ocurrió un error: ' + estado);
devolver;
}
var resultadosDiv = document.getElementById('resultados');
resultadosDiv.innerHTML = '';
for (var i = 0; i < predicciones.longitud; i++) {
var lugar = predicciones[i];
var placeId = place.place_id;
var nombre = lugar.formato_estructurado.texto_principal;
var dirección = lugar.formato_estructurado.texto_secundario;
var placeLink = document.createElement('a');
placeLink.href = 'https://search.google.com/local/writereview?placeid=' + placeId;
placeLink.textContent = nombre + ' - ' + dirección
placeLink.objetivo = '_blank';
var resultItem = document.createElement('div');
resultItem.appendChild(placeLink);
resultadosDiv.appendChild(resultItem);
}
});
}</script>
</cabeza>
</html>
