Untitled

<!DOCTYPE html>
<html>
<style>
        h1{
                font-family:"Bahnschrift";
        }
        form{
                font-family:"Lucida Console";
        }
</style>
<body style="background-color:#282a36;">
<script src="http://gstatic.com/firebase/7.2.1/firebase-app.js"></script>
<script src="http://gstatic.com/firebase/7.2.1/firebase-database.js"></script>
<h1>Find Your Phone without GPS!</h1>
<button type="button" onclick="loadDoc()">Submit</button>
<div id="googleMap" style="width:100%;height:600px;"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
var lat = 39.56764858;
var long = -105.00733121;
function myMap() {
  var mapProp= {
    center:new google.maps.LatLng(lat,long),
    zoom:10,
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
  var contentstring = '<p>123</p>';
  var infowindow = new google.maps.InfoWindow({
    content:contentstring
  });

  var pos = {lat: lat, lng: long};
  var marker = new google.maps.Marker({
    position: pos,
    map: map,
    title: "here"
  });
  marker.addListener('click', function() {
    infowindow.open(map, marker);
  });
}
function loadDoc(){
  var settings = {
    "async": true,
    "crossDomain": true,
    "url": "https://us1.unwiredlabs.com/v2/process.php",
    "method": "POST",
    "headers": {},
    "processData": false,
    "data": "{\"token\": \"f889a207d1ec50\",\"radio\": \"lte\",\"mcc\": 505,\"mnc\": 3,\"cells\": [{\"lac\": 533,\"cid\": 99701450}],\"address\": 1}"
  }
  $.ajax(settings).done(function (response) {
    console.log(response);
    lat = response.lat;
    long = response.lon;
    myMap();
  });
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC3TuCGGqMxqe9jbIH2dfYBPVLezyJK0B8&callback=myMap"></script>
</body>
</html>