`
l4432848
  • 浏览: 250585 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5-GPS定位

    博客分类:
  • java
阅读更多

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

GPS定位

在html5中有一个GeolocationAPI,这个API用于通过GPS获得用户的地理位置,也就是俗称的GPS定位。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
需要通过getCurrentPosition() 方法来获得用户的位置,这个方法有两个参数,第一个用于执行获得地理位置的代码,第二个参数用来处理错误。它规定当获取用户位置失败时运行的函数。 代码示例:

image

image

运行结果:
浏览器会询问是否允许定位,点击不允许的话会抛出一个错误对象,然后执行错误处理函数进行相应的处理:

image

如果获取地理位置的过程出错了,也会执行错误处理函数,打印出相应的错误类型:

image

手机上也可以定位:

image

除此之外还可以调用一些地图API将坐标显示到地图上。 代码示例,我这里调用的是百度地图的API:

image

运行结果:

image

0
0
分享到:
评论

相关推荐

    Web-gps_定位_vs2010gpsweb定位_

    VS2010支持多种Web开发技术,如ASP.NET、JavaScript和HTML5,使得创建具有GPS定位功能的Web应用变得更加便捷。 在HTML5的Geolocation API中,`navigator.geolocation`对象是核心,提供了`getCurrentPosition()`和`...

    html显示GPS定位

    HTML显示GPS定位是一种常见的Web应用功能,它允许用户在网页上查看自己的实时地理位置。这个功能主要依赖于HTML5中的Geolocation API,这是一个浏览器内置的JavaScript接口,用于获取设备的地理位置信息,如经度和...

    HTML开发教程之使用H5 GPS定位API.zip

    HTML5的GPS定位API是现代Web开发中一个重要的特性,它允许网页应用访问用户的地理位置信息,从而实现基于位置的服务。本教程将详细讲解如何利用HTML5的Geolocation API获取和处理用户的位置信息。 首先,我们要了解...

    gps定位代码

    在IT行业中,GPS定位技术与地图服务的结合已经成为移动应用和服务不可或缺的一部分。在这个场景下,我们关注的是如何在JavaScript中利用高德地图API实现GPS定位功能。高德地图API提供了丰富的接口和工具,使得开发者...

    基于stm32单片机的gps定位系统(app端源码)

    【基于STM32单片机的GPS定位系统与Android App集成详解】 STM32单片机,全称为STM32微控制器系列,是意法半导体(STMicroelectronics)推出的一种基于ARM Cortex-M内核的高性能、低功耗的微控制器。在本项目中,STM...

    【免费】phonegap调用安卓插件实现GPS定位

    在这个“【免费】phonegap调用安卓插件实现GPS定位”的主题中,我们将深入探讨如何利用PhoneGap调用Android的GPS插件来获取设备的实时位置信息。 首先,理解PhoneGap与Android之间的交互机制至关重要。PhoneGap通过...

    HBuilder实现蓝牙通讯 - 亲测可用html5-bluetooth-demo-HBuilderX

    标题中的“HBuilder实现蓝牙通讯 - 亲测可用html5-bluetooth-demo-HBuilderX”指出,这个项目是关于使用HBuilderX开发工具实现基于HTML5的蓝牙通信功能,并且已经通过实际测试验证其可行性。HBuilderX是一款强大的...

    GPS定位系统服务器端程序(GPSBD卫星定位监控系统Simple)

    《GPS定位系统服务器端程序详解——GPSBD卫星定位监控系统Simple》 GPS定位技术作为现代科技的重要组成部分,广泛应用于交通管理、物流跟踪、个人安全等多个领域。本文将深入解析名为“GPSBD卫星定位监控系统Simple...

    HTML5地理位置定位

    ### HTML5地理位置定位 #### 知识点一:HTML5地理位置定位的概念与革命性 - **HTML5地理位置定位**:这是一种新兴技术,允许Web应用程序访问用户的地理位置信息,无需依赖任何插件或本机应用程序。 - **W3C ...

    手机GPS定位+百度地图

    对于手机定位的demo,很适合学习者进一步学习,使用百度地图定位到当前位置信息

    jsr179-GPS

    在压缩包中的示例代码工程文件中,开发者可以看到如何使用JSR179 API进行基本的GPS定位操作。通常,这包括以下几个步骤: 1. **初始化Criteria**: 设置定位参数,例如精度、电源消耗限制等。 ```java Criteria ...

    H5 百度地图使用demo+地图基础知识+开发者平台及相关地址

    * HTML5实现地理定位 - 并不是属于HTML5的内容 * HTML5中实现地理定位的技术是由Google公司提供的Map * 国内来学习百度地图+高德地图 * 百度地图 - 高德地图 * 注册百度的开发者 - 免费 * 访问地址

    GPS定位系统网站整站程序

    【GPS定位系统网站整站程序】是一个基于ASP编程语言开发的Web应用程序,专门设计用于实现GPS(全球定位系统)的追踪和监控功能。这个程序涵盖了GPS定位系统的前端用户界面和后台管理系统,为用户提供了一个全面的...

    phonegap调用android插件实现GPS定位

    在Android中,GPS定位涉及到Android的Location API,因此我们需要创建一个自定义的PhoneGap插件来调用这些API。 二、Android Location API Android的Location API提供了获取设备位置的能力,包括GPS(全球定位系统...

    GPS定位,Socket手机电脑通信

    在IT行业中,GPS定位技术与Socket通信是两个关键领域,它们在移动应用、物联网和地理信息系统(GIS)中发挥着重要作用。本项目结合了这两者,实现了一个从手机到电脑,再到Web页面的实时位置信息传输系统。以下是...

    WindowsMobile5下的GPS跟踪定位(及短信发送)源代码

    在Windows Mobile 5操作系统中,GPS(全球定位系统)跟踪定位功能是移动设备的重要特性,它允许设备通过接收卫星信号来确定自身的位置。这个技术在许多应用中都非常有用,如导航、位置服务、紧急救援以及资产管理等...

    cordova-gps-tracker:GPS追踪器

    1. **GPS定位原理**:了解如何通过GPS卫星信号获取地理位置信息,包括经纬度、高度和速度等。 2. **Cordova插件开发**:学习如何编写Cordova插件,以桥接JavaScript和本地平台API,实现设备的GPS功能。 3. **地理...

    CSS3仿GPS地图导航定位动画特效.zip

    在本资源中,"CSS3仿GPS地图导航定位动画特效"是一个利用CSS3的强大能力来模拟真实世界中的GPS地图导航系统的设计。 首先,我们要理解GPS(Global Positioning System)是全球定位系统,通常用于获取地理位置信息并...

    html5定位代码

    HTML5定位技术是现代网页开发中的一个重要特性,它允许网页应用获取用户的位置信息,从而实现更精准的地理位置服务。在本“html5定位代码”压缩包中,包含的文件可能是用于演示或实践这一功能的实例。以下是关于...

Global site tag (gtag.js) - Google Analytics