Pos blog ini meneroka bagaimana pelayar web yang berbeza mengendalikan geolokasi HTML5 dan Peta Google. Penulis menguji Firefox 16, Chrome 23, IE9, IE8, dan Safari 5 untuk Windows. Pelayar moden umumnya menyokong ciri ini. Ujian telah dijalankan berhampiran Brisbane, Australia.

Firefox 3.5
Chrome 5.0
Safari 5.0
opera 10.60
Internet Explorer 9.0

Firefox HTML5 Hasil ujian geolokasi:

Hasil ujian geolokasi Chrome html5:

safari (windows) HTML5 Hasil ujian geolokasi:

Penulis mencatatkan beberapa percanggahan yang menarik, terutamanya IE9 yang salah mengenal pasti bandar. IE8, seperti yang dijangkakan, tidak mempunyai sokongan, dan Safari untuk Windows juga menunjukkan tingkah laku yang tidak dijangka. Ujian lanjut pada Mac dirancang. Sampel kod yang menunjukkan geolokasi HTML5 dengan Peta Google disediakan di bawah. Penulis juga menegaskan bahawa geolokasi mempunyai aplikasi di luar ploting peta, merujuk kes penggunaan W3C untuk contoh selanjutnya.

sampel kod:

    Get Geolocation Using HTML5 Demo | jQuery4u



      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map_canvas {
        height: 100%;
      }

      @media print {
        html, body {
          height: auto;
        }

        #map_canvas {
          height: 650px;
        }
      }



      var map;

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

        // Try HTML5 geolocation
        if(navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(function(position) {
            var pos = new google.maps.LatLng(position.coords.latitude,
                                             position.coords.longitude);

            var infowindow = new google.maps.InfoWindow({
              map: map,
              position: pos,
              content: 'Location found using HTML5.'
            });

            map.setCenter(pos);
          }, function() {
            handleNoGeolocation(true);
          });
        } else {
          // Browser doesn't support Geolocation
          handleNoGeolocation(false);
        }
      }

      function handleNoGeolocation(errorFlag) {
        if (errorFlag) {
          var content = 'Error: The Geolocation service failed.';
        } else {
          var content = 'Error: Your browser doesn\'t support geolocation.';
        }

        var options = {
          map: map,
          position: new google.maps.LatLng(60, 105),
          content: content
        };

        var infowindow = new google.maps.InfoWindow(options);
        map.setCenter(options.position);
      }

      google.maps.event.addDomListener(window, 'load', initialize);

Bahagian FAQ yang menangani fungsi, ketepatan, penggunaan, implikasi privasi, keserasian pelayar, pengendalian ralat, keupayaan penjejakan, kaedah ujian, fungsi luar talian, dan kos dimasukkan.

Atas ialah kandungan terperinci Sokongan Pelayar Geolokasi Pelayar HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!