`
cakin24
  • 浏览: 1383754 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

使用navigator对象的geolocation获取地理位置

阅读更多
一 介绍
HTML5为navigator新增了一个geolocation属性,这个属性是一个Geolocation对象,通过该对象获取浏览者的地理位置。
下面应用示范了geolocation的用法。
 
二 代码
<script type="text/javascript">
	var geoHandler = function(position)
	{
		var geoMsg = "用户的所在的地理位置信息是:<br/>";
		geoMsg += "timestamp属性为:" + position.timestamp + "<br/>";
		// 获取Coordinates对象,该对象里包含了详细的地理位置信息
		var coords = position.coords;
		// 遍历Coordinates对象的所有属性
		for(var prop in coords)
		{
			geoMsg += prop + "-->" + coords[prop] + "<br/>";
		}
		// 输出地理位置信息
		document.writeln(geoMsg);
	}
	var errorHandler = function(error)
	{
		// 为不同错误代码定义错误提示
		var errMsg = {
			1: '用户拒绝了位置服务',
			2: '无法获取地址位置信息',
			3: '获取地理位置信息超时'
		};
		// 弹出错误提示
		alert(errMsg[error.code]);
	}
	// 获取地理位置信息
	navigator.geolocation.getCurrentPosition(geoHandler
		, errorHandler
		, {
			enableHighAccuracy:true,
			maximumAge:1000
		});
</script>
 
三 运行结果


 
  • 大小: 51.9 KB
1
0
分享到:
评论

相关推荐

    Html5 Geolocation获取地理位置信息实例

    HTML5 Geolocation是HTML5提供...以上就是HTML5 Geolocation获取地理位置信息实例的主要知识点。通过这些知识点,开发者可以更好地利用HTML5 Geolocation进行位置信息相关的Web开发,创建更丰富的交互式位置服务应用。

    geolocation 根据地理坐标获取具体位置信息

    在现代Web开发中,`geolocation` API 是一个至关重要的工具,它允许网站和服务获取用户的地理位置信息,从而提供更加个性化的服务和体验。这个API是HTML5的一个特性,旨在为浏览器提供一种标准化的方法来访问设备的...

    利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位

    例如,以下代码展示了如何使用Geolocation API获取地理位置: ```javascript if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( function(position) { // 成功获取位置时执行的代码 var...

    geolocation:navigator.geolocation 对象

    由于涉及用户隐私,浏览器通常会在获取地理位置信息前提示用户授权。开发者应尊重用户隐私,只有在必要时才请求位置信息,并确保数据安全。此外,根据GDPR等法规,处理个人数据时需要遵循相关规定。 总结,`...

    js地理位置获取.rar

    首先,我们需要了解`navigator.geolocation`对象,这是JavaScript获取地理位置的核心。该对象提供了三个主要方法: 1. `getCurrentPosition()`: 这是获取用户当前地理位置的方法。它接受两个参数,分别是成功回调...

    获取地理位置ip

    在IT行业中,获取地理位置IP是一项基础且重要的任务,它通常涉及到网络编程、Web服务和地理定位技术。在标题“获取地理位置IP”中,我们聚焦于通过IP地址来确定设备所在的地理位置。描述提到“打开即获取到本机IP...

    百度地图获取方圆地理位置

    console.log('浏览器不支持获取地理位置'); } ``` 接下来,我们要用到百度地图API。百度地图提供了一个JavaScript接口,可以将获取到的经纬度信息用于显示地图、定位标记等功能。首先需要在网页中引入百度地图的...

    获取地理位置

    总的来说,获取地理位置涉及的技术包括API调用、位置服务框架的使用、源码理解和调试、工具集成以及JSON数据的处理。这些知识点都是现代Web和移动开发中不可或缺的部分,对于构建具有地理位置功能的应用至关重要。

    Geolocation定位你当前所在位置

    这篇博客“Geolocation定位你当前所在位置”可能是关于如何利用JavaScript API和其他相关技术来获取用户地理位置的信息。虽然描述部分是空的,但从标题我们可以推测文章可能涉及以下几个核心知识点: 1. **...

    Vue集成Cordova的Navtive功能:获取地理位置,手机振动,调取手机图片,扫描二维码等

    获取地理位置信息,我们需要Cordova的`geolocation`插件,安装命令为`cordova plugin add cordova-plugin-geolocation`。在Vue组件中,通过`navigator.geolocation`对象获取位置信息,监听位置变化或进行一次性的...

    js腾讯地图api获取坐标位置.zip

    - 用户隐私:获取地理位置需用户授权,不能强制获取,尊重用户隐私。 - 坐标系统:不同的地图服务可能采用不同的坐标系统,如WGS84、GCJ-02等,需要进行转换。 - 异步处理:`getCurrentPosition()`是异步的,需要...

    【温故而知新】JavaScript的BOM之Navigator对象.md

    下面是一些使用Navigator对象的案例: 1. **获取浏览器名称和版本号** ```javascript console.log(navigator.userAgent); ``` 这段代码会打印出用户代理字符串,该字符串包含了浏览器名称和版本号等信息。 2...

    JavaScript地理位置信息API_.docx

    当确定扫瞄器支持地理位置API后,获取用户的位置信息主要通过`navigator.geolocation.getCurrentPosition`方法。这个方法接受一个回调函数作为参数,当获取到位置信息时,回调函数会被调用。同时,还可以提供两个...

    phonegap-geolocation:地理位置

    PhoneGap Geolocation是基于JavaScript的移动开发框架PhoneGap中的一个重要特性,它允许开发者获取设备的地理位置信息,如经度、纬度、海拔、速度、方向等。PhoneGap是Adobe的一个开源项目,它允许使用HTML、CSS和...

    前端项目-jQuery-Geolocation.zip

    jQuery Geolocation是专门为jQuery框架设计的一个插件,它将复杂的Geolocation API封装成易于理解和使用的jQuery方法,使得开发者能够更便捷地在项目中集成地理位置功能。这个插件的核心思想是通过jQuery的链式操作...

    HTML5实现获取地理位置信息并定位功能

    HTML5的地理位置定位功能是通过Geolocation API实现的,它允许网页应用获取用户设备的当前位置。这个特性在现代浏览器中得到广泛支持,特别是在移动设备上,例如iPhone,由于内置GPS硬件,定位通常更为准确。然而,...

    html5地理位置定位功能.zip

    5. **隐私保护**:由于涉及用户隐私,浏览器会要求用户授权网站获取地理位置信息。开发者应当尊重用户的选择,对拒绝授权的情况给出合适的处理。 6. **实时更新**:如果需要实时跟踪用户位置,可以使用`...

    JavaScript获取用户所在城市及地理位置

    1. **通过IP地址查询获取地理位置**: 这种方法依赖于第三方服务,如在提供的代码示例中使用的`http://int.dpool.sina.com.cn/iplookup/iplookup.php`。这个服务能够根据用户的IP地址返回一个包含国家、省份和城市...

    JS获取当前地理位置的方法

    首先,我们需要明确一点,获取地理位置信息是需要用户同意授权的。这是出于对用户隐私的保护,浏览器不允许网页在没有得到用户明确许可的情况下获取位置信息。在JavaScript中,我们主要通过`navigator.geolocation`...

Global site tag (gtag.js) - Google Analytics