从用户获取谷歌地图坐标

时间:2016-03-20 18:22:26

标签: javascript google-maps

我甚至不确定这是可能的,但现在是。

我希望用户填写表格,一旦他去了现场

<label for="pos">My possition</label>          
<input type="email" id="pos" name="clients_position">

我想请求他的位置,并以这种格式接收他的Google地图坐标&#34; 40.417035,-3.685389&#34;,理想情况下我希望它们自动添加到输入字段。

刚刚在T3H完成了关于JS的第一个基础课程,我完全迷失了。与此相比,HTML和CSS是一个公园散步,所以我需要一些指示。

1 个答案:

答案 0 :(得分:1)

获取用户坐标的最简单方法是使用html 5 geolocation这是一个样本

    <!DOCTYPE html>
    <html>
      <body>

      <p>Click the button to get  the coordinates.</p>

      <button onclick="getLocation()">Get coordinates </button>

      <p id="my_sample"></p>

      <script>
      var x = document.getElementById("my_sample");

      function getLocation() {
          if (navigator.geolocation) {
              navigator.geolocation.getCurrentPosition(showPosition);
          } else { 
              x.innerHTML = "Geolocation is not supported by this browser.";
          }
      }

      function showPosition(position) {
          x.innerHTML = "Latitude: " + position.coords.latitude + 
          "<br>Longitude: " + position.coords.longitude;  
      }
      </script>

      </body>
    </html>