HTML5获取经纬度

浏览数：17 / 时间：2015年06月09日

最近开始学HTML5了，╮(╯▽╰)╭ 各种没学过，，，

<!DOCTYPE html>
<html>
<body>
  <p id="tip">这里将会显示经纬度信息哦！（如果您的浏览器支持这个功能的话）</p>
  <button onclick="getLocation()">点我获取经纬度信息</button>
<script>
  var tip=document.getElementById("tip");
  function getLocation()
  {
    if (navigator.geolocation)
    {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
    else{x.innerHTML="Geolocation is not supported by this browser.";}
    }
    function showPosition(position)
    {
        tip.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude;    
    }
</script>
</body>
</html>

获取的经纬度可以结合百度map的API一起使用，作为导航。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

HTML5获取经纬度