Геолокация с помощью JavaScript - PullRequest
5 голосов
/ 10 декабря 2010

Я работаю над сценарием, чтобы получить геолокации (широта, долгота), которые я могу использовать для центрирования своего экземпляра карт Google. На данный момент я работаю с 2-мя возможными технологиями. Одним из них является google.loader.ClientLocation объект. Я еще не проверял это, потому что он возвращает ноль для меня. Я думаю, потому что я не живу в обычном месте (Виллемстад, Кюрасао, использующий беспроводное подключение к Интернету. Поэтому мой модем беспроводной.).

Поэтому я создал план резервного копирования, используя navigator.geolocation. Это прекрасно работает в Chrome, но Firefox дает тайм-аут и не работает вообще в IE.

Кто-нибудь знает хороший альтернативный метод получения геолокации пользователей, или у кого-нибудь есть рекомендации относительно моего кода, как он может стать более стабильным.

Я установил таймаут для navigator.geolocation, потому что я не хочу, чтобы мои пользователи ждали более 5 секунд. Увеличение таймаута не повышает надежность Firefox.

function init_tracker_map() {
 var latitude;
 var longitude;

 if(google.loader.ClientLocation) {
  latitude = (google.loader.ClientLocation.latitude);
  longitude = (google.loader.ClientLocation.longitude);
  buildMap(latitude, longitude);
 }
 else if (navigator.geolocation) { 
  navigator.geolocation.getCurrentPosition(
   function(position) {
    latitude = (position.coords.latitude);
    longitude = (position.coords.longitude);
    buildMap(latitude, longitude);
   },
   function errorCallback(error) {
    useDefaultLatLon();
   },
   {
    enableHighAccuracy:false,
    maximumAge:Infinity,
    timeout:5000
   }
  );
 }
 else {
  useDefaultLatLon();
 }
}

function useDefaultLatLon() {
 latitude = (51.81540697949437);
 longitude = (5.72113037109375);
 buildMap(latitude, longitude);
}

пс. Я знаю, что есть еще такие вопросы на SO, но не смог найти четкого ответа. Я надеюсь, что люди сделали какое-то новое открытие.

Обновление: Пробовал гугл шестерёнки тоже. Снова в хроме. Сбои в FF и IE.

var geo = google.gears.factory.create('beta.geolocation');
if(geo) {
  function updatePosition(position) {
    alert('Current lat/lon is: ' + position.latitude + ',' + position.longitude);
  }

  function handleError(positionError) {
    alert('Attempt to get location failed: ' + positionError.message);
  }
  geo.getCurrentPosition(updatePosition, handleError);
}

Обновление 2: navigator.geolocation отлично работает в FF с моего рабочего места.

Окончательный результат

Это прекрасно работает. Получить ключ API от ipinfodb.org

var Geolocation = new geolocate(false, true);
Geolocation.checkcookie(function() {
    alert('Visitor latitude code : ' + Geolocation.getField('Latitude'));
    alert('Visitor Longitude code : ' + Geolocation.getField('Longitude'));
});

function geolocate(timezone, cityPrecision) {
    alert("Using IPInfoDB");
    var key = 'your api code';
    var api = (cityPrecision) ? "ip_query.php" : "ip_query_country.php";
    var domain = 'api.ipinfodb.com';
    var version = 'v2';
    var url = "http://" + domain + "/" + version + "/" + api + "?key=" + key + "&output=json" + ((timezone) ? "&timezone=true" : "&timezone=false" ) + "&callback=?";
    var geodata;
    var JSON = JSON || {};
    var callback =  function() {
        alert("lol");
    }

    // implement JSON.stringify serialization
    JSON.stringify = JSON.stringify || function (obj) {
        var t = typeof (obj);
        if (t != "object" || obj === null) {
            // simple data type
            if (t == "string") obj = '"'+obj+'"';
            return String(obj);
        } 
        else {
            // recurse array or object
            var n, v, json = [], arr = (obj && obj.constructor == Array);
            for (n in obj) {
                v = obj[n]; t = typeof(v);
                if (t == "string") v = '"'+v+'"';
                else if (t == "object" && v !== null) v = JSON.stringify(v);
                json.push((arr ? "" : '"' + n + '":') + String(v));
            }
            return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
        }
    };

    // implement JSON.parse de-serialization
    JSON.parse = JSON.parse || function (str) {
        if (str === "") str = '""';
        eval("var p=" + str + ";");
        return p;
    };

    // Check if cookie already exist. If not, query IPInfoDB
    this.checkcookie = function(callback) {
        geolocationCookie = getCookie('geolocation');
        if (!geolocationCookie) {
            getGeolocation(callback);
        } 
        else {
            geodata = JSON.parse(geolocationCookie);
            callback();
        }
    }

    // Return a geolocation field
    this.getField = function(field) {
        try {
            return geodata[field];
        } catch(err) {}
    }

    // Request to IPInfoDB
    function getGeolocation(callback) {
        try {
            $.getJSON(url,
                    function(data){
                if (data['Status'] == 'OK') {
                    geodata = data;
                    JSONString = JSON.stringify(geodata);
                    setCookie('geolocation', JSONString, 365);
                    callback();
                }
            });
        } catch(err) {}
    }

    // Set the cookie
    function setCookie(c_name, value, expire) {
        var exdate=new Date();
        exdate.setDate(exdate.getDate()+expire);
        document.cookie = c_name+ "=" +escape(value) + ((expire==null) ? "" : ";expires="+exdate.toGMTString());
    }

    // Get the cookie content
    function getCookie(c_name) {
        if (document.cookie.length > 0 ) {
            c_start=document.cookie.indexOf(c_name + "=");
            if (c_start != -1){
                c_start=c_start + c_name.length+1;
                c_end=document.cookie.indexOf(";",c_start);
                if (c_end == -1) {
                    c_end=document.cookie.length;
                }
                return unescape(document.cookie.substring(c_start,c_end));
            }
        }
        return '';
    }
}

Ответы [ 3 ]

2 голосов
/ 17 декабря 2010

геолокация с использованием javascript будет работать с браузерами, совместимыми с HTML 5, поэтому IE полностью исключается.

Ваш альтернативный вариант - использовать IP-адрес для определения приблизительного значения широты / долготы.

Используя этот альтернативный метод и предполагая, что вы найдете провайдера с точным и полным отображением широты / долготы на IP, вы получите только широту / долготу интернет-провайдера (или ближайшую точку, где интернет-провайдер подключается к Интернету). ).

Надеюсь, это сбрасывает ваши ожидания (о точности определения местоположения)

1 голос
/ 10 декабря 2010
0 голосов
/ 14 декабря 2010

У меня была похожая проблема, и для браузеров без геолокации я выбрал расположение на стороне сервера на основе IP-адреса пользователя.

Две бесплатные службы геолокации:

Я нашел maxmind для меня гораздо более точным.

Если это возможно в вашем проекте, вы можете запросить местоположение перед отображением страницы,или выполните ajax-вызов для запроса местоположения.

...