javascript - 如何将地理位置变量从客户端传递到服务器端

Question

有人可以建议我一种方法，只要用户允许使用他的地理位置，就可以将客户端 Java 脚本位置变量(lat、lng)传递到我的服务器端。这样我就可以使用位置变量在数据库中查询 10 公里范围内的商店并将其显示在 map 上。

我正在使用HTML5 Geolocation在客户端用于获取用户位置，在服务器端使用 Django + PostGIS 数据库进行距离查找。

Answer 1

为了在用户允许使用其地理位置后立即将用户地理位置从客户端传递到服务器端，方法是

1. 将用户位置变量 (pos) 分配给 HTML 元素(位置)
2. 然后，自动提交包含 POST 方法的 HTML 表单。

以上代码都必须在 Google Geolocation API 中编写，如下面的摘录所示。

var infowindow = new google.maps.InfoWindow({
    map: map,
    position: pos,
    content: 'Location found using HTML5.'
  });
  // the below line has been inserted to assign a JS variable to HTML input field called 'geolocation'
document.getElementById('location').value = pos
  map.setCenter(pos);
// the below line has been inserted to autosubmit the form.  
document.getElementById("geolocation").submit(); 

下面是 HTML 表单

<form id = "geolocation" action="/location" method="POST" >
            {% csrf_token %}
        <input type="text" id = "location" name="location" value="" />
        <input type="submit" />

</form>