美文网首页
FCC-JS-JQ-Get Geolocation Data-获

FCC-JS-JQ-Get Geolocation Data-获

作者: zhang_yongfeng | 来源:发表于2018-10-26 21:32 被阅读0次

    我们还可以通过浏览器navigator获得我们当前所在的位置geolocation。
    位置的信息包括经度longitude和纬度latitude。
    你将会看到一个是否允许获取当前位置的提示。不管你选择允许或者禁止,只要代码正确,这关就能过了。
    如果你选择允许,你将会看到右侧手机输出的文字为你当前所在位置的经纬度。
    代码如下:

    if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
    $("#data").html("latitude: " + position.coords.latitude + "
    longitude: " + position.coords.longitude);
    });
    }
    

    示例:

    <script>
      // 请把你的代码写在这条注释以下
      if (navigator.geolocation){
        navigator.geolocation.getCurrentPosition(function(position){
          $("#data").html("latitude:" + position.coords.latitude + "
     longitude:" + position.coords.longitude);
        });
      }
    
      // 请把你的代码写在这条注释以上
    </script>
    <div id = "data">
      <h4>You are here:</h4>
      
    </div>
    

    `

    相关文章

      网友评论

          本文标题:FCC-JS-JQ-Get Geolocation Data-获

          本文链接:https://www.haomeiwen.com/subject/rnaltqtx.html