如何從輸入地址獲取經度和緯度

Question

嗨，我有一個地址字段，僅從法國獲取地址。 我希望該地址以經度和緯度存儲在我的數據庫中。是否有辦法做到這一點。我正在嘗試幾種代碼，但它們均無法正常工作。

這是我的代碼

<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);
    }
}

Answer 1

1. 很少有功能
2. 表格中的ID錯誤

都更正了，請嘗試以下代碼：

<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);
      }
  }
  ?>

另外，請務必閱讀： https : //developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

Answer 2

從數據庫中獲取所有地址，並將其與您從表格中獲得的當前緯度和經度進行比較。

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'),其中55.645645是latitude ，-42.5323是longtitude 。 不交換這些否則結果將是錯誤的

似乎您被困在此，嘗試此操作，並且也分享您的嘗試。

Answer 3

先生，您需要從此處http://maps.googleapis.com/maps/api/geocode/json?address=Paris獲取信息。 我使用“地址”而不是“輸入”。

如果您僅使用巴黎地址，則需要這樣做http://maps.googleapis.com/maps/api/geocode/json?address=Marais,Paris