脚本适用于jsfiddle但不适用于我的网站

时间:2016-12-19 17:42:20

标签: javascript html google-maps

问题是我个人网站上的脚本继续显示“无法检索您的位置”如果有人可以提供帮助,将非常感谢。 我的个人网站http://geolyft.com https://jsfiddle.net/yotzincastrejon/z29esxf3/4/

<!DOCTYPE html>
<html>
<body>


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

<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>
</body>
</html>

0 个答案:

没有答案