HTML5 Game - Handle error from geo location

  1. HOME
  2. HTML5 Game
  3. Geolocation
  4. Geolocation Errors

Description

Handle error from geo location

Demo

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Simple Geolocation</title>

<script>

let results;//from ww  w .jav  a  2 s .co  m

window.onload = function() {
  results = document.getElementById("results");

  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
      geolocationSuccess, geolocationFailure
    );

    results.innerHTML = "The search has begun.";
  } else {
    results.innerHTML = "This browser doesn't support geolocation.";
  }
}

function geolocationSuccess(position) {
        results.innerHTML = "You were last spotted at (" + 
         position.coords.latitude + "," + position.coords.longitude + ")" +
  " with an accuracy of " + position.coords.accuracy + " meters.";
}

function geolocationFailure(positionError) {
  switch (positionError.code) {
    case 1:
      results.innerHTML = "You decided not to share, but that's OK. We won't ask again.";
      break;
    case 2:
      results.innerHTML = "The network is down or the positioning service can't be reached.";
      break;
    case 3:
      results.innerHTML = "The attempt timed out before it could get the location data.";
      break;
    case 0:
      results.innerHTML = "This the mystery error. Something else happened, but we don't know what.";
      break;
  }
}
</script>
</head>

<body>
  <p id="results">Where do you live?</p>
</body>
</html>

Related Topic