簡體   English   中英

如何使用html在php中發布我所在位置的經度和緯度?

[英]How to post the latitude and longitude of my location in php using html?

我想在php中發布名稱,緯度,經度和電話號碼的值。我使用html作為前端來收集details.I無法在php中發布緯度和經度,但我可以發布名稱,電話number。如何在php中發布我所在位置的經度和緯度?

<html>
<body>  

<form method="post" action="try2.php">
 First name:<input type="text" name="first_name" ><br>
 Phone:<input type="tel" name="phone" >

 <p><button onclick="geoFindMe()">Show my location</button></p>
 <div id="out"></div>
 <script>
  function geoFindMe() {
   var output = document.getElementById("out");

   if (!navigator.geolocation){
    output.innerHTML = "<p>Geolocation is not supported by your 
     browser</p>";
    return;
  }

   function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;

    output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>';

    var img = new Image();
    img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + 
latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false";

   output.appendChild(img);
 }

   function error() {
      output.innerHTML = "Unable to retrieve your location";
  }

   output.innerHTML = "<p>Locating…</p>";

   navigator.geolocation.getCurrentPosition(success, error);
  }
 </script>
   <input type="submit" value="submit" required>
  </form>

  Php code:
   <?php
    $first_name=$_POST["first_name"];
    $longitude=$_POST["longitude"];
    $latitude=$_POST["latitude"]
    $phone=$_POST["phone"];
    echo "$latitude";
    ?>

我在下面提到的是,現在將值設置為form字段,並且可以將其發布到腳本中。

<html>
<body>  

<form method="post" action="try2.php">
 First name:<input type="text" name="first_name" ><br>
 Phone:<input type="tel" name="phone" >

 <p><button onclick="geoFindMe()">Show my location</button></p>
 <div id="out"></div>
 <script>
  function geoFindMe() {
   var output = document.getElementById("out");

   if (!navigator.geolocation){
    output.innerHTML = "<p>Geolocation is not supported by your 
     browser</p>";
    return;
  }

   function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;
    document.getElementById("lat").value = latitude;
    document.getElementById("long").value = longitude;

    output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>';

    var img = new Image();
    img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + 
latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false";

   output.appendChild(img);
 }

   function error() {
      output.innerHTML = "Unable to retrieve your location";
  }

   output.innerHTML = "<p>Locating…</p>";

   navigator.geolocation.getCurrentPosition(success, error);
  }
 </script>
   <input id="lat" name="latitude" type="hidden" value=" ">
   <input id="long" name="longitude" type="hidden" value=" ">
   <input type="submit" value="submit" required>
  </form>

  Php code:
   <?php
    $first_name=$_POST["first_name"];
    $longitude=$_POST["longitude"];
    $latitude=$_POST["latitude"]
    $phone=$_POST["phone"];
    echo "$latitude";
    ?>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM