使用html5定位你的地理位置
自从定位技术让步于个人隐私，指定位置只能在用户许可的情况下使用
通过使用getCurrentPosition()方法来获得用户的位置
下面的例子返回用户的经度和纬度：
并在图中显示出来，在使用时当请求跟踪位置的时候选择允许跟踪：
<body>
<p id="demo">Click the button to get your position:</p>
<button onclick="getLocation()">Try It</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
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="User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML="The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="An unknown error occurred."
break;
}
}
</script>
</body>
分享到：
相关推荐
### HTML5地理位置定位 #### 知识点一：HTML5地理位置定位的概念与革命性 - **HTML5地理位置定位**：这是一种新兴技术，允许Web应用程序访问用户的地理位置信息，无需依赖任何插件或本机应用程序。 - **W3C ...
这个“html5地理位置定位功能.zip”压缩包包含了一个名为“11.html5地理位置定位功能”的文件，很可能是演示或讲解如何在HTML5中实现这一特性的代码示例或教程。 HTML5的地理位置定位API允许网页获取用户的地理位置...
在IT行业中，定位地理位置是一项关键的技术，特别是在移动应用、地理信息系统（GIS）和网络服务等领域。这项技术使得设备能够获取自身或目标的精确位置信息，从而实现导航、社交网络、本地搜索等多种功能。以下是...
利用Html5的新特性geolocation可以获取用户的地理位置定位信息，并借助百度活google的地图api将所获取的地理位置信息展示在地图上。 做这个实验时必须保证测试的页面部署在HTTP服务器上，否则如果直接浏览器从本地...
结合HTML5的其他特性，如AJAX和Map API（如Google Maps API或Leaflet），可以创建出丰富的地理位置应用。例如，用户可以在网页上查看自己的实时位置，或者根据当前位置搜索附近的餐馆、商店等。 8. **示例代码** ...
[HTML5地理位置定位]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
地理位置定位的几种方式：IP地址，GPS，Wifi，GSM/CDMA 地理位置获取流程： 1、用户打开需要获取地理位置的web应用。 2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享地理位置。 3、假设用户允许，...
压缩包中，包含了几个针对HTML5特定功能的示例文件，分别是"带地图地理位置.html"、"地理位置.html"、"气泡.html"和"渐变.html"。 首先，我们来探讨HTML5的表格（Table）元素。在HTML5中，表格的创建和格式化更加...
HTML5的地理位置定位功能是通过Geolocation API实现的，它允许网页应用获取用户设备的地理位置信息，例如经纬度坐标。这一特性在现代浏览器，尤其是移动设备上得到了广泛支持，但出于隐私考虑，用户必须同意应用获取...
在信息技术领域，IP地理定位是一项常用的技术，它能够根据互联网协议（IP）地址确定设备所在的地理位置。VB（Visual Basic）作为经典的编程语言，结合这项技术，可以构建出实用的应用程序，如我们这里讨论的...
HTML5地理定位功能是一种能够让网页应用访问用户地理位置的技术。它通过浏览器提供了一种简单而统一的方式，让开发者可以请求并处理用户的地理位置信息。这在开发地图应用、位置服务、天气预报等基于地理位置的应用...
HTML5地理定位技术是一种让网页应用能够访问用户设备地理位置信息的标准API。该技术允许开发者利用内置或附加的GPS模块获取用户的精确位置，进而提供个性化服务。在Android平台上结合HTML5地理定位API进行开发，可以...
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置...
HTML5定位技术是现代网页开发中的一个重要特性，它允许网页应用程序获取用户设备的地理位置信息，为用户提供更加个性化和精准的服务。这项技术主要依赖于Geolocation API，它在浏览器环境中提供了获取用户位置的能力...
HTML5的定位功能主要由Geolocation API提供，它允许网页应用程序获取用户的地理位置信息，从而实现更加个性化的服务和体验。 首先，我们要了解Geolocation API的基本使用。在HTML5中，获取用户位置通常是通过...
HTML5定位技术是现代网页开发中的一个重要特性，它允许网页应用获取用户的位置信息，从而实现更精准的地理位置服务。在本“html5定位代码”压缩包中，包含的文件可能是用于演示或实践这一功能的实例。以下是关于...
HTML5作为新一代的网页标准，提供了许多新的API和技术，其中地理位置定位API（Geolocation API）是其中一项重要的功能。该API允许Web应用程序获取用户的地理位置信息，从而实现基于地理位置的服务。 在本文档中，...