[英]HTML5 Geolocation lat/lon in url
如何在此url中添加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);
};
使用串聯字符串構造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中的屬性。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.