JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=places%2Cdrawing%2Cgeometry&amp;#038;key=AIzaSyDMYi9L3bnaHCOJr1s3wj5b-s5pk9teUoA&amp;#038;ver=4.5.7"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="search_map"></div>
<div id="result"></div>

CSS

#search_map {
  width: 500px;
  height: 500px;
}

JavaScript

jQuery(function() {
  map = new google.maps.Map(document.getElementById('search_map'), {
    zoom: 10,
    center: {lat: 53.1877837, lng: -2.890695400000027}
  });

  var markers = [];
  var properties = [
   ...