基于浏览器的HTML5 Geolocation API (地理位置应用程序接口)查找地理位置
来源:互联网 发布:儿童画画板软件 编辑:程序博客网 时间:2024/06/07 06:57
navigator.geolocation用于获取基于浏览器的当前用户地理位置,以下代码用户获取用户地理位置的经度和维度。
简易代码如下:
<script type="text/javascript">
/*获取当前位置*/
function getLocation(){
/*设置参数*/
var options={
enableHighAccuracy:true,
maximumAge:1000
}
// 判断浏览器是否支持geolocation
if(navigator.geolocation){
//浏览器支持geolocation
alert("浏览器支持!")
// 获取当前位置,成功是调用onSuccess函数,失败时调用onError函数
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//浏览器不支持geolocation
alert("浏览器不支持!");
}
}
//成功时
function onSuccess(position){
//返回用户位置
//经度
var longitude =position.coords.longitude;
//纬度
var latitude = position.coords.latitude;
var txt="你当前位置,经度为"+longitude+",维度为"+latitude;
alert(txt);
}
//失败时
function onError(error){
switch(error.code){
case 1:
alert("位置服务被拒绝");
break;
case 2:
alert("暂时获取不到位置信息");
break;
case 3:
alert("获取信息超时");
break;
case 4:
alert("未知错误");
break;
}
}
window.onload=getLocation;
</script>
- 基于浏览器的HTML5 Geolocation API (地理位置应用程序接口)查找地理位置
- HTML5 之Geolocation API (地理位置应用程序接口)
- HTML5 Geolocation API (地理位置应用程序接口)获取地理位置
- 基于IP地址的HTML5地理位置定位 Geolocation API实例
- HTML5地理位置定位 Geolocation API
- 浏览器地理位置(Geolocation)API 简介
- 浏览器地理位置(Geolocation)API 简介
- HTML5新功能Geolocation构建基于地理位置的Web应用
- HTML5 Geolocation 地理位置 - 6
- HTML5 Geolocation获取地理位置
- [读书笔记]地理位置Geolocation API
- navigator.geolocation API 地理位置
- Html5 Geolocation获取地理位置信息
- Html5 系列之:地理位置Geolocation
- Html5 Geolocation获取地理位置信息
- Geolocation地理位置
- Geolocation地理位置
- HTML5 地理位置定位 API 接口开发
- 数据库练习
- 洛谷 P1174 打砖块
- 关于数组
- 【福利】小米手机修改MAC地址教程
- Android实践:你还没使用增量更新
- 基于浏览器的HTML5 Geolocation API (地理位置应用程序接口)查找地理位置
- Linux互斥锁
- 学习javascript数据结构(二)——链表
- 数据库制表
- 使用Banner实现图片的轮番显示的效果,替换ViewPager + CirclePagerIndicator
- poj2785(折半枚举)
- JSON必知必会
- java程序运行机制和虚拟机(JVM)
- SpringMVC标签之ModelAttribute