星之空
- 浏览: 50358 次
- 性别:
-
最新评论
处理错误和拒绝
getCurrentPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数：
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
在地图中显示结果
如需在地图中显示结果，您需要访问可使用经纬度的地图服务，比如谷歌地图或百度地图：
实例
引用
引用
function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";
}
在地图中显示结果
如需在地图中显示结果，您需要访问可使用经纬度的地图服务，比如谷歌地图或百度地图：
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮获取您当前坐标（可能需要比较长的时间获取）：</p>
<button onclick="getLocation()">点我</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="该浏览器不支持获取地理位置。";}
}
function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
</script>
</body>
</html>
给定位置的信息
本页演示的是如何在地图上显示用户的位置。不过，地理定位对于给定位置的信息同样很有用处。
实例:
更新本地信息
显示用户周围的兴趣点
交互式车载导航系统 (GPS)
getCurrentPosition() 方法 - 返回数据
T若成功，则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用，则会返回其他下面的属性。
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";
}
在地图中显示结果
如需在地图中显示结果，您需要访问可使用经纬度的地图服务，比如谷歌地图或百度地图：
引用
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮获取您当前坐标（可能需要比较长的时间获取）：</p>
<button onclick="getLocation()">点我</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="该浏览器不支持获取地理位置。";}
}
function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
</script>
</body>
</html>
给定位置的信息
本页演示的是如何在地图上显示用户的位置。不过，地理定位对于给定位置的信息同样很有用处。
实例:
更新本地信息
显示用户周围的兴趣点
交互式车载导航系统 (GPS)
getCurrentPosition() 方法 - 返回数据
T若成功，则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用，则会返回其他下面的属性。
| 属性 描述 |
| coords.latitude 十进制数的纬度 |
| coords.longitude 十进制数的经度 |
| coords.accuracy 位置精度 |
| coords.altitude 海拔，海平面以上以米计 |
| coords.altitudeAccuracy 位置的海拔精度 |
| coords.heading 方向，从正北开始以度计 |
| coords.speed 速度，以米/每秒计 |
| timestamp 响应的日期/时间 |
分享到：
发表评论
相关推荐
geolocation地理定位
GeoLocation是Windows 8系统中的一项重要功能，它允许应用程序获取设备的地理位置信息，以便提供定制化服务或者增强用户体验。这项技术基于GPS（全球定位系统）、Wi-Fi信号、移动网络和IP地址等多种方法来确定设备的...
HTML5 Geolocation（地理定位） HTML5 Geolocation（地理定位）用于定位用户的位置。...注意: Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。 HTML5 – 使用地理定位 请使用 ge
- **当前**：HTML5 Geolocation API的出现极大地简化了地理定位应用的开发过程，推动了移动应用和增强现实应用的发展。 通过以上知识点的详细介绍，我们可以了解到HTML5地理位置定位技术的基本概念、工作原理以及...
在IT行业中，地理定位（Geolocation）是一项关键的技术，它允许设备通过网络连接确定其物理位置。这篇博客“Geolocation定位你当前所在位置”可能是关于如何利用JavaScript API和其他相关技术来获取用户地理位置的...
使用HTML的地理定位代码，首先需要检查浏览器是否支持Geolocation API。然后，通过`navigator.geolocation`对象来获取位置信息。这个对象提供了`getCurrentPosition()`方法，用于获取当前地理位置，并可以通过...
rn-background-geolocation-demo, 针对本机背景地理定位插件的演示应用程序 [Demo App ] react-native-background-geolocation全功能，反应本机演示应用程序的反应本地背景地理定位模块。 安装$ git clone ...
个人出行：用户个人出行，不确定路程、目的地等信息，选择出行工具，点击开始，系统实时监听用户手机位置得到WGS84经纬度坐标（w3c HTML5 Geolocation地理定位标准），行程结束，记录本次出行信息，经纬度坐标转换...
如果浏览器不支持地理定位，则让页面向用户显示反馈消息。 如果支持地理定位，则尝试获取用户的当前位置，然后加载包含地图中心标记的 google STATIC 地图。 HTML5 地理定位 作为 HTML 演变的一部分而提供的新 API...
在现代Web开发中，`geolocation` API 是一个至关重要的工具，它允许网站和服务获取用户的地理位置信息，从而提供更加个性化的服务和体验。这个API是HTML5的一个特性，旨在为浏览器提供一种标准化的方法来访问设备的...
12【深入学习】HTML5.Geolocation地理定位视频教程（英语） ===2：书籍教程资料 + 源代码=== 01《HTML5高级程序设计》完整PDF版本（含范例及代码）独家.zip 02《HTML5揭秘》高清PDF版本——（中英双语版）独家.zip ...
地理定位AR（Geolocation-based AR）是一种技术，它结合了真实世界的位置信息与数字内容，让虚拟对象能够锚定在特定的地理位置上。在Unity3D中实现这一功能通常涉及以下几个关键知识点： 1. **地理坐标系统...
kirby-geolocation-field, Kirby 2地理定位面板 2的地理定位这是一个定制的 Kirby域，它添加了一个带有拖拽标记的googlemaps 。 将标记位置保存到输入字段。 地理编码器用于搜索地址项。安装下载文件并将它们放在名...
在手持设备如此普遍的今天，位置信息对于应用程序来讲是极其重要...基本用法 首先，我们可以从浏览器的navigator对象中通过geolocation属性获取到一个Geolocation的实例，如下图所示： 图中我们可以看到，Geolocation
HTML5 的本地存储API、Geolocation 地理定位等功能在移动场景下尤为重要。Canvas 和 SVG 的应用则为动态图形和交互式图表提供了可能，而 WebGL 则让3D 游戏开发成为可能。 最后，项目实训环节是理论学习的实践检验...
HTML5地理定位API由`navigator.geolocation`对象提供，其中包含了以下关键方法： 1. **`getCurrentPosition()`**：立即获取当前位置信息。该方法接受三个参数： - `successHandler`：成功获取位置后的回调函数，...
从标签“html”我们可以推断，这个模板可能利用了HTML5的新特性，如离线存储、媒体元素、canvas画布或geolocation地理定位等，来提升用户体验。 在压缩包内的文件名称列表中，我们看到多个CSS文件，这些文件是用于...
**地理定位（Geolocation）技术详解** 地理定位（Geolocation）是互联网技术中的一项重要功能，它允许网站或应用程序获取用户设备的地理位置信息。这项技术广泛应用于各种场景，包括地图服务、天气预报、社交网络、...