HTML5 Geolocation для IE8 и мобильных браузеров - PullRequest
Новая
       41

HTML5 Geolocation для IE8 и мобильных браузеров

2 голосов
/ 13 апреля 2011

Итак, я разрабатывал веб-приложение и реализовал функцию геолокации HTML5.Я реализовал это с помощью кода Javascript, взятого с веб-сайта Google, который также взаимодействует с картой Google, которая есть на моей странице.Вот код ниже: 

// Note that using Google Gears requires loading the Javascript
// at http://code.google.com/apis/gears/gears_init.js

var initialLocation;
var siberia = new google.maps.LatLng(60, 105);
var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
var browserSupportFlag =  new Boolean();

function initialize() {
  var myOptions = {
    zoom: 6,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  // Try W3C Geolocation (Preferred)
  if(navigator.geolocation) {
    browserSupportFlag = true;
    navigator.geolocation.getCurrentPosition(function(position) {
      initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeolocation(browserSupportFlag);
    });
  // Try Google Gears Geolocation
  } else if (google.gears) {
    browserSupportFlag = true;
    var geo = google.gears.factory.create('beta.geolocation');
    geo.getCurrentPosition(function(position) {
      initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeoLocation(browserSupportFlag);
    });
  // Browser doesn't support Geolocation
  } else {
    browserSupportFlag = false;
    handleNoGeolocation(browserSupportFlag);
  }

  function handleNoGeolocation(errorFlag) {
    if (errorFlag == true) {
      alert("Geolocation service failed.");
      initialLocation = newyork;
    } else {
      alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
      initialLocation = siberia;
    }
    map.setCenter(initialLocation);
  }
}

Так что этот код делает, он проверяет, поддерживает ли браузер, с которого вы заходите на сайт, новые функции геолокации WC3, и если он это делает, он использует этонайти широту и долготу.Если вы не поддерживаете его, он пытается использовать Google Gears для получения этой информации, и, наконец, если вы не поддерживаете ни один, он выручает.

Я полностью согласен с использованием этого, как это делается для таких браузеров, какFirefox, Safari, Opera и Chrome, потому что большинство новых версий (и даже некоторые более старые) поддерживают эти функции, однако IE8 (9 работает) не поддерживает: (

IE8 даже не используетGoogle Gears отказоустойчив, он просто не работает вообще. Есть ли в любом случае (бесплатно как в приведенном выше коде) использование какой-либо формы геолокации в IE8, даже если она не настолько точна для получения широты и долготы, чтобы я мог подключить еев карту?

Кроме того, я еще не тестировал его, но, если бы вы заходили на этот сайт с помощью мобильного браузера (на основных устройствах), он также поддерживал бы геолокацию WC3 / Google GearsИли это будет плохо, как в IE8. Я знаю, что я также могу использовать атрибут sensor=true при запросе местоположения, если он поступает с мобильного устройства, если у него включен GPS, так что это другоеспособ сделать это, но я бы предпочел просто использовать геолокацию, если они это поддерживают.

Спасибо, ребята.

1 Ответ

2 голосов
/ 13 апреля 2011

Я жду, пока функции геолокации HTML5 станут более зрелыми, прежде чем я начну использовать их в полном разгаре. Тем временем я с большим успехом использовал API и наборы данных, предлагаемые MaxMind .

Edit:

Я забыл упомянуть, что иногда это не очень хорошо работает с мобильными браузерами, поэтому вы все равно можете использовать там функцию геолокации HTML5, поскольку я считаю, что она намного быстрее и надежнее в мобильных браузерах.

...