网址中的 HTML5 地理位置纬度/经度答案

【问题标题】：HTML5 Geolocation lat/lon in url网址中的 HTML5 地理位置纬度/经度
【发布时间】：2013-10-29 19:31:09
【问题描述】：

如何在此网址中添加 lat 和 lon 变量：

<a class="geo" href="http://dev.site.com/geolocation?distance[latitude]=LAT&distance[longitude]=LON&distance[search_distance]=20&distance[search_units]=km">GPS</a>

javascript来自：http://jsfiddle.net/yJrtR/14/

window.onload = function () {
  var latElement = document.getElementById("lat"),
      lonElement = document.getElementById("lon"),
      lastUpdatedElement = document.getElementById("last_updated"),
      watchPositionOptions = {
          enableHighAccuracy: false,
          timeout: 10000,
          maximumAge: 0
      };
  navigator.geolocation.watchPosition(function (position) {
      console.log("Successfully retrieved position: ", position);
      var coords = position.coords;

      latElement.innerHTML = coords.latitude;
      lonElement.innerHTML = coords.longitude;

      lastUpdatedElement.innerHTML = new Date(position.timestamp);
  }, function (error) {
      console.log("Something went wrong retrieving position: ", error);
  }, watchPositionOptions);
};

【问题讨论】：

你的意思是把LAT和LON的值加到<a>的href上吗？
是的，这可能吗？我尝试使用这个 jQuery 代码： $("a.target").attr("href", "dev.site.com/…); }); 还是在 IMG 标记中更好？
您是否在持续监控位置？您最好使用函数而不是，这样您就可以使用最新的 lat/LNG 而不是不断重写 href

标签： javascript string html url geolocation

【解决方案1】：

使用连接的字符串构造 URL，例如：

var URL = "http://dev.site.com/geolocation?";
URL =+ "distance[latitude]=" + LAT;
URL =+ "&distance[longitude]=" + LON;
URL =+ "&distance[search_distance]=20&distance[search_units]=km";

然后使用 jQuery 将 href= 设置为 URL

 $("a.target").attr("href", URL);

或者通过修改javascript中的属性。

【讨论】：