html5Geolocation地理定位

<html>

<head>

<title>Geolocation API地理定位</title>

<script type="text/javascript">

navigator.geolocation.getCurrentPostion(function(pos) {

console.log("当前地理位置的纬度:" + pos.coords.laitude);

console.log("当前地理位置的经度:" + pos.coords.longitude);

console.log("当前经纬度的经度:" + pos.coords.accuracy);

});

var watchID = navigator.geolocation.witchPosition(function(pos) {

console.log("当前位置变化的纬度:" + pos.coords.laitude);

console.log("当前位置变化的经度:" + pos.coords.longitude);

console.log("当前位置变化的经度:" + pos.coords.accuracy);

navigator.geolocation.clearwatch(watchID);

}, function() { });

</script>

</head>

<body>

</body>

</html>

时间: 2024-10-05 08:21:52

html5Geolocation地理定位的相关文章

【温故而知新-Javascript】使用地理定位

地理定位(Geolocation)API让我们可以获取用户当前地理位置的信息(或者至少是正在运行浏览器的系统的位置).它不是HTML5规范的一部分,但经常被归组到与HTML5相关的新功能中. 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能,它会返回一个 Geolocation对象. 获取当前位置 顾名思义,getCurrentPosition方法能获得当前的位置,不过位置信息不是由函数自身返回的.我们需要提供一个成功的回调函数,它会在位置信息可

联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序

查找并跟踪位置坐标以用在各种 Web 服务中 在这个由五个部分所组成的系列的第一部分中,您将接触到移动 Web 应用程序中最流行的新技术:地理定位.高端智能手机都内置 GPS,现在您将了解 Web 服务如何使用它.在本文中,您将学到如何使用各种地理定位标准,以及如何使用流行的 Web 服务来创建有趣的移动混搭程序. 关于本系列? HTML 5 是一项让人振奋的技术,这有着充分的理由.这将会是一次技术突破,因为它可以将桌面应用程序功能带入浏览器中.除了传统浏览器外,对于移动浏览器,其潜力甚至更大.

[Javascript]JS新API标准-地理定位(navigator.geolocation)

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition() 2. watchPosition() 3. clearWatch() getCurrentPosition() 使用方法:navigator.geolocation.getCurrentPosition(successCallback,

HTML5地理定位,百度地图API,知识点熟悉

判断浏览器的兼容问题: IE9+支持地理定位,FF Chrome新版支持地理定位  if (navigator.geolocation) { alert('支持地理定位'); } else { alert('不支持地理定位'); } 获取自己位置经纬度 <script> var x=document.getElementById("wrap"); function getLocation () { if (navigator.geolocation) { navigator

HTML5 — 地理定位

Geolocation:地理定位,获取当前浏览器所在的地理坐标信息(包括经度.纬度.海拔高度.移动速度),实现LBS应用(Location Based Service)——基于定位的服务,如订   餐.面对面XX.导航.消息推送等.官网:http://lbsyun.baidu.com/ 技术上如何获取浏览器所在的地理坐标: (1)手机浏览器: 可以通过自带的GPS芯片与卫星定位通信——精确在m级: 还可以通过手机通信基站来定位——精度在km级 (2)PC浏览器: 通过IP地址反向推导出浏览器定位

HTML5 调用百度地图API地理定位

<!DOCTYPE html> <html> <title>HTML5 HTML5 调用百度地图API地理定位实例</title> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="ht

【HTML5】地理定位

<!DOCTYPE html> <html> <body> <p id="demo">点击这个按钮,获得您的坐标:</p> <button onclick="getLocation()">试一下</button> <script> var x=document.getElementById("demo"); function getLocation()

移动网页 -- 设备-地理定位

1.地理定位 1 navigator.geolocation.getCurrentPosition(function(where){ 2 alert(where.coords.latitude + "," + where.coords.longitude); 3 }) 1 var geo = navigation.geolocation, 2 lcn_success = function(where){}, 3 lcn_error = function(){}; 4 geo.getCu

JS新API标准 地理定位(navigator.geolocation)

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition()   //当前位置 2. watchPosition()          //监视位置 3. clearWatch()             //清楚监视 1.getCurrentPosition() 使用方法:navigator.ge