新闻| 文章| 资讯| 行情| 企业| wap手机版| article文章| 首页|会员中心|保存桌面|手机浏览
普通会员

易达信息科技

企业列表
新闻列表
推荐企业新闻
联系方式
  • 联系人:依依
友情链接
  • 暂无链接
首页 > 新闻中心 > HTML5 实现地理定位,在谷歌地图上显示你的位置
新闻中心
HTML5 实现地理定位,在谷歌地图上显示你的位置
发布时间:2024-12-06        浏览次数:0        返回列表

    HTML5提供对用户地理位置进行定位的功能。

HTML5 实现地理定位,在谷歌地图上显示你的位置

    可以使用:navigator.geolocation.getCurrentPosition() 方法获取用户的当前经度和纬度

    方法如下:首先判断浏览器是否支持地理定位,然后运行getCurrentPosition,如果getCurrentPosition()运行成功,则向返回一个coordinates对象,通过这个对象获取用户当前的经度(latitude)和纬度(longitude)。

    获取经度纬度的代码如下

    上面代码的运行结果如下: 获取经纬度

     以上错误代码是如下含义

        Permission denied - 用户不允许地理定位         Position unavailable - 无法获取当前位置         Timeout - 操作超时

    如果想在静态地图中显示你的位置,只需要使用以下的URL即可

    http://maps.googleapis.com/maps/api/staticmap?enter=经度,纬度&zoom=14&size=400x300&sensor=false

    示例程序:静态谷歌地图显示位置

    还可以使用拖拽的交互式的谷歌地图显示您的当前位置,或者以特定的经度和纬度为参数,显示带有标记、缩放和拖曳选项的交互式地图

    交互式谷歌地图代码如下

 
     以上代码的运行结果: 
交互式谷歌地图显示位置