JavaScript获取地理位置的两种实现方案：HTML5 API与IP定位

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    alert("Geolocation is not supported by this browser.");
  }
}
function showPosition(position) {
  var lat = position.coords.latitude;
  var long = position.coords.longitude;
  alert("Latitude: " + lat + "<br>Longitude: " + long);
}

function getLocation() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var response = JSON.parse(xhttp.responseText);
      var lat = response.lat;
      var long = response.lon;
      alert("Latitude: " + lat + "<br>Longitude: " + long);
    }
  };
  xhttp.open("GET", "https://ipapi.co/json/", true);
  xhttp.send();
}

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position.coords.latitude);
    console.log(position.coords.longitude);
  }, function(error) {
    console.log(error.message);
  });
} else {
  console.log("浏览器不支持地理定位功能");
}