CODEWITHSUNDEEP
phpmysql
user3687828
user3687828

Reputation: 41

How to get latitude and longitude from an input address

Hi I have an address field taking address from france only. I want that address to be stored with longitude and latitude in my database.. Is there a way to do that.. I'm trying several codes but none of them are working.

here is my code

<form id="contact" action="send.php" method="post"><br> 
    <h2>Formulaire de contact</h2>
    <div id="locationField" required>
        <input id="autocomplete" placeholder="Adresse"
               onFocus="geolocate()" type="text" name="address" required="required"></input>
    </div><br>
    <input type="hidden" name="latitude" id="at" placeholder="Latitude" class="form-control" required="required"/>
    <input type="hidden" name="longitude" id="lng" placeholder="Longitude" class="form-control" required="required"/>
    <input type="submit" name="submit" value="submit" class="button"/>

    <script>
        function initAutocomplete() {
            autocomplete = new
                    google.maps.places.Autocomplete(
                            /** @type {!HTMLInputElement}  

                             */(document.getElementById('autocomplete')),
                            {types: ['geocode'], componentRestrictions: {country: 'fr'}});

            autocomplete.addListener('place_changed', fillInAddress);
        }

        document.getElementById('latitude').value = place.geometry.location.lat();
        document.getElementById('longitude').value = place.geometry.location.lng();
    </script>

    <script src="https://maps.googleapis.com/maps/api/js?input=Paris&types=geocode&key=xxxxxxxxxxxxxxxxxxxxxx&libraries=places&callback=initAutocomplete"
    async defer></script>
</form>

<?php
if (isset($_POST["submit"])) {
    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "web_contact";

    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);

    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }

    $sql = "INSERT INTO customer1(address,latitude,longitude) 

  values('" . $_POST["address"] . "','" . $_POST["latitude"] . "','" . $_POST["longitude"] . "')";

    if (mysqli_query($conn, $sql)) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "" . mysqli_error($conn);
    }
}

Upvotes: 1

Views: 2356

Answers (3)

Anushil Nandan
Anushil Nandan

Reputation: 294

Get all addresses from databases and compare it with current latitude and longitude which you got from your form.

function distance($a, $b)
{
    list($lat1, $lon1) = $a;
    list($lat2, $lon2) = $b;

    $theta = $lon1 - $lon2;
    $dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) +  cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
    $dist = acos($dist);
    $dist = rad2deg($dist);
    $miles = $dist * 60 * 1.1515;
    return $miles;
}

$myAddress = array(49.648881, -103.575312);

$allAddresses = array(
    '0' => array('address_id_1','address abcd','55.645645','-42.5323'),
    '1' => array('address_id_2','second address abcd','100.645645','-402.5323')
);

$distances = array_map(function($item) use($myAddress) {
    $a = array_slice($item, -2);
    return distance($a, $myAddress);
}, $allAddresses);

asort($distances);

echo 'Closest item is: ', print_r($allAddresses[key($distances)]);

'0' => array('address_id_1','address abcd','55.645645','-42.5323'), where 55.645645 is latitude and -42.5323 is longtitude. do not swap these else result will be wrong

seems like you are stuck on this, try this and also, do share what you are trying.

Upvotes: 2

Anushil Nandan
Anushil Nandan

Reputation: 294

  1. Few functions were missing
  2. IDs in form were wrong

Have corrected both, please try code below:

<form id="contact" action="send.php" method="post"><br>
      <h2>Formulaire de contact</h2>
      <div id="locationField" required>
          <input id="autocomplete" placeholder="Adresse"
                 onFocus="geolocate()" type="text" name="address" required="required"></input>
      </div><br>
      <input name="latitude" id="latitude" placeholder="Latitude" class="form-control" required="required"/>
      <input name="longitude" id="longitude" placeholder="Longitude" class="form-control" required="required"/>
      <input type="submit" name="submit" value="submit" class="button"/>

      <script>

            // Bias the autocomplete object to the user's geographical location,
        // as supplied by the browser's 'navigator.geolocation' object.
        function geolocate() {
          if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
              var geolocation = {
                lat: position.coords.latitude,
                lng: position.coords.longitude
              };
              var circle = new google.maps.Circle({
                center: geolocation,
                radius: position.coords.accuracy
              });
              autocomplete.setBounds(circle.getBounds());
            });
          }
        }
          function initAutocomplete() {
              autocomplete = new
                      google.maps.places.Autocomplete(
                              /** @type {!HTMLInputElement}

                               */(document.getElementById('autocomplete')),
                              {types: ['geocode'], componentRestrictions: {country: 'fr'}});

              autocomplete.addListener('place_changed', fillInAddress);
          }
          function fillInAddress() {
            var place = autocomplete.getPlace();
            console.log(place);
          document.getElementById('latitude').value = place.geometry.location.lat();
          document.getElementById('longitude').value = place.geometry.location.lng();
        }
      </script>

      <script src="https://maps.googleapis.com/maps/api/js?input=Paris&types=geocode&key=AIzaSyBJCSjFGcsFkG5Zy7k3Ph6ArHv6EoWSxpk&libraries=places&callback=initAutocomplete"
      async defer></script>
  </form>

  <?php
  if (isset($_POST["submit"])) {
      $servername = "localhost";
      $username = "root";
      $password = "";
      $dbname = "web_contact";

      // Create connection
      $conn = new mysqli($servername, $username, $password, $dbname);

      if ($conn->connect_error) {
          die("Connection failed: " . $conn->connect_error);
      }

      $sql = "INSERT INTO customer1(address,latitude,longitude)

    values('" . $_POST["address"] . "','" . $_POST["latitude"] . "','" . $_POST["longitude"] . "')";

      if (mysqli_query($conn, $sql)) {
          echo "New record created successfully";
      } else {
          echo "Error: " . $sql . "" . mysqli_error($conn);
      }
  }
  ?>

Also please do read: https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

Upvotes: 2

aslantorret
aslantorret

Reputation: 303

Sir, you need get info from here http://maps.googleapis.com/maps/api/geocode/json?address=Paris. I use 'address' instead of 'input'.

If you work only with Paris addresses, you need to do like this http://maps.googleapis.com/maps/api/geocode/json?address=Marais,Paris

Upvotes: 1

Related Questions