HTML5 геолокация - PullRequest
Новая
       4

HTML5 геолокация

0 голосов
/ 08 ноября 2011

Я использую это для определения местоположения пользователя, и мне нужны значения currentLat и currentLon, хранящиеся в переменной: 

    <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
            });   
  } }
  })

1 Ответ

0 голосов
/ 08 ноября 2011

в var url вы найдете URL с заполненным латинским 

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);
});
...