maclover7/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Place Autocomplete</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
  </head>
  <body>
    <input id="city-input" class="controls" type="text"
        placeholder="Enter a location">

    <script>
function initMap() {
  var input = /** @type {!HTMLInputElement} */(
      document.getElementById('city-input'));

  var autocomplete = new google.maps.places.Autocomplete(input);

  var infowindow = new google.maps.InfoWindow();

  autocomplete.addListener('place_changed', function() {
    infowindow.close();
    var place = autocomplete.getPlace();

    infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address);
  });
}

    </script>
    <script src="https://maps.googleapis.com/maps/api/js?signed_in=true&libraries=places&callback=initMap"
        async defer></script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Place Autocomplete</title>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<meta charset="utf-8">
	</head>
	<body>
	<input id="city-input" class="controls" type="text"
	placeholder="Enter a location">

	<script>
	function initMap() {
	var input = /** @type {!HTMLInputElement} */(
	document.getElementById('city-input'));

	var autocomplete = new google.maps.places.Autocomplete(input);

	var infowindow = new google.maps.InfoWindow();

	autocomplete.addListener('place_changed', function() {
	infowindow.close();
	var place = autocomplete.getPlace();

	infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address);
	});
	}

	</script>
	<script src="https://maps.googleapis.com/maps/api/js?signed_in=true&libraries=places&callback=initMap"
	async defer></script>
	</body>
	</html>