HTML5 -Browser -Geolocation -Browser -Unterstützung

In diesem Blog -Beitrag wird untersucht, wie unterschiedliche Webbrowser mit HTML5 -Geolocation und Google Maps umgehen. Der Autor testete Firefox 16, Chrome 23, IE9, IE8 und Safari 5 für Windows. Moderne Browser unterstützen diese Funktion im Allgemeinen. Die Tests wurden in der Nähe von Brisbane, Australien, durchgeführt.

Die W3C -Geolocation -API wird von den folgenden Desktop -Browsern unterstützt:

• Firefox 3.5
• Chrom 5.0
• safari 5.0
• Opera 10.60
• Internet Explorer 9.0

Firefox HTML5 Geolocationstest Ergebnisse:

Chrom HTML5 Geolocationstestergebnisse:

IE9 HTML5 Geolocationstest Ergebnisse:

IE8 HTML5 Geolocationstest Ergebnisse:

Safari (Windows) HTML5 Geolocationstest Ergebnisse:

Der Autor stellt einige interessante Diskrepanzen fest, insbesondere IE9, die die Stadt falsch identifizieren. IE8 fehlte wie erwartet Unterstützung und Safari für Windows zeigte ebenfalls ein unerwartetes Verhalten. Weitere Tests auf einem Mac sind geplant. Eine Code -Probe, die HTML5 -Geolokalisierung mit Google Maps zeigt, finden Sie unten. Der Autor weist außerdem darauf hin, dass Geolokalisierung Anwendungen über die MAP -Plotten hinaus hat und auf W3C -Anwendungsfälle für weitere Beispiele verweist.

Code Beispiel:

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

Häufig gestellte Fragen zur Geolokalisierung der Browser:

Ein FAQ -Abschnitt, der die Funktionalität, Genauigkeit, Verwendung, Auswirkungen auf die Privatsphäre, die Kompatibilität des Browsers, die Fehlerbehandlung, die Verfolgung von FAILS, die Testmethoden, die Offline -Funktionalität und die Kosten enthalten.

Das obige ist der detaillierte Inhalt vonHTML5 -Browser -Geolocation -Browser -Unterstützung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!