JSFiddle - React, Tailwind, and code Playground

by Krzysztof Niecikowski

HTML

<input name='drpostcode' id='drpostcode'type="text" maxlength="11" placeholder="Postcode"  onkeyup="find_Drlatlon();"  onchange="find_Drlatlon();" onmouseout="find_Drlatlon();"/>
<input name="lat1" type="hidden" id="lat1">
<input name="lon1" type="hidden" id="lon1">
<br>
<br>
<div id="map"></div>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAu3sQz3dTedR6D4tqf-8V-0fJIRf4tcxk&callback=initialize"></script>

JavaScript

var map;
      function initialize()  {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }