广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 培训教程 > Html5 > 正文

HTML5 - 使用地理定位_惠州计算机HTML5培训学校

作者:黄君发布时间:2021-01-21分类:Html5浏览:1235


导读:请使用 getCurrentPosition() 方法来获得用户的位置。 下例是一个简单的地理定位实例,可返回用户位置的经度和纬度:

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例,可返回用户位置的经度和纬度:

实例

var x=document.getElementById("demo");

function getLocation()

{

   if (navigator.geolocation)

   {

       navigator.geolocation.getCurrentPosition(showPosition);

    }

   else

   {

       x.innerHTML="该浏览器不支持获取地理位置。";

    }

  

function showPosition(position)

{

   x.innerHTML="纬度: " + position.coords.latitude +

    "<br>经度: " + position.coords.longitude;

     }



实例解析:

  • 检测是否支持地理定位

  • 如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。

  • 如果 getCurrentPosition() 运行成功,则向参数showPosition中规定的函数返回一个 coordinates 对象

  • showPosition() 函数获得并显示经度和纬度

上面的例子是一个非常基础的地理定位脚本,不含错误处理。


点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。

标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机HTML5培训学校惠州HTML5培训


Html5排行
标签列表
网站分类
文章归档
最近发表