JSFiddle - React, Tailwind, and code Playground

by Vadim

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;libraries=places"></script>
<input id="autocomplete" type="text" placeholder="Адрес в Ростове-на-Дону">

CSS

#autocomplete {
  width: 90%;
}

JavaScript

var defaultBounds = new google.maps.LatLngBounds(
  // Прямоугольник, описывающий город (левый нижний, правый верхний)
  new google.maps.LatLng(47.02, 39.52),
  new google.maps.LatLng(47.42, 39.92)
);

var autocomplete = new google.maps.places.Autocomplete(document.getElementById('autocomplete'), {
  language: 'ru',
  bounds: defaultBounds,
  types: ['geocode', 'establishment'],
  componentRestrictions: {
    country: 'ru'
  }
});