HTML5地理位置有效吗?

时间:2017-11-02 22:48:20

标签: geolocation

我有以下HTML5地理定位脚本:

<!DOCTYPE html>
<html>
  <head>
    <title>Geolocation</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
body {
  padding: 20px;
  background-color:#ffffc9
}

p { margin : 0; }

    </style>
<script>
function geoFindMe() {
  var output = document.getElementById("out");

  if (!navigator.geolocation){
    output.innerHTML = "<p>Geolocation is not supported by your browser</p>";
    return;
  }

  function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;

    output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>';

    var img = new Image();
    img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false";

    output.appendChild(img);
  }

  function error() {
    output.innerHTML = "Unable to retrieve your location";
  }

  output.innerHTML = "<p>Locating…</p>";

  navigator.geolocation.getCurrentPosition(success, error);
}
</script>
  </head>
  <body>

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation -->

<p><button onclick="geoFindMe()">Show my location</button></p>
<div id="out"></div>


  </body>
</html>

它总是给我以下结果: 你的纬度:51.5412621 你的经度:-0.08813879999999999 无论是在笔记本电脑还是手机和不同的浏览器上 - 任何人的想法?这对我来说似乎不可靠!

0 个答案:

没有答案