2011-11-08 72 views
0

我用这个来地理定位的用户,我需要存储在VAR的currentLatcurrentLon值:HTML5地理位置

<script> 

    window.onload = function() { 
    var startPos; 

    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function(position) { 
     startPos = position; 
     document.getElementById("currentLat").innerHTML = startPos.coords.latitude; 
     document.getElementById("currentLon").innerHTML = startPos.coords.longitude; 
     }); 
    } 
    }; 

</script> 

我需要这些值在这里:

http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=my_key&radius_units=km&radius=5&lat= XXX &lon= XXX &jsoncallback=? 

我如何通过jQuery获取值并将它们立即放入URL中?什么是最快的方法?


感谢@Manuel但我已经用它这样的第一,因为我不需要误差函数,只是为了保持它的简单,所以我可以理解,但不工作?

$(document).ready(function() { 
    navigator.geolocation.getCurrentPosition(function(position) { 
    var lat = position.coords.latitude; 
    var lon = position.coords.longitude; 
    var JSONURL = "http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=my_key&format=json&privacy_filter=1&media=photos&tag=london&minwidth=700&has_geo=1&accuracy=11&content_type=1&extras=geo,owner_name,url_m&page=1&radius_units=km&radius=5&"+lat+"&lon="+lon+"&jsoncallback=?"; 
    jQuery.getJSON(JSONURL, getJSONimages); 
    function getJSONimages(data) { 
    var htmlString = ""; 
    $.each(data.photos.photo, function(i,item){ 
    var itemTitle = item.title; 
       }); 
    $('#slideshow').html(htmlString); 
    $('#slideshow').slideshow({ 
       timeout: 3000, 
       type: 'random', 
       fadetime: 2000 
      }); 
    } } 
    }) 

回答

0

var url你会得到发现与LAT填写

navigator.geolocation.getCurrentPosition(function(position) { 
    var lat = position.coords.latitude; 
    var lon = position.coords.longitude; 

    var url = 'http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=my_key&radius_units=km&radius=5&lat='+lat+'&lon='+lon+'&jsoncallback=?'; 
    // console.log(url); 
}, function(error) { 
    console.log("Something went wrong: ", error); 
}); 
的LON网址