HTML5定位服务

原创 2015年11月20日 21:21:26

1.作者

caicongyang:http://blog.csdn.net/caicongyang

2.效果


3.代码

<!DOCTYPE html>
<html>
  <head>
  	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
    <title>location.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    This is my location page. <br>
  </body>
  <script type="text/javascript">
  	 if(supportsGeoLocation()){
        alert("你的浏览器支持 定位.");
     }else{
        alert("你的浏览器不支持 定位");
     }
  	navigator.geolocation.getCurrentPosition(locateSuccess,locateFail);
  	
  	function locateSuccess(pos){
  	  	alert("维度:"+pos.coords.latitude+";经度:"+pos.coords.longitude+";精度:"+pos.coords.accuracy+";当前时间:"+pos.timestamp);
  	}
  	function locateFail(error){
  		switch(error.code){
		case error.PERMISSION_DENIED:
		  alert("用户不允许!");
		  break;
		case error.POSITION_UNAVAILABLE:
		  alert("无法获取定位信息!");
		  break;
		case error.TIMEOUT:
		  alert("定位超时!");
		  break;
		case error.UNKNOWN_ERROR:
		  alert("未知错误!");
		  break;
		} 
	 };
	 
	 //定位监听与移除
	 var watchId = navigator.geolocation.watchPosition(locateSuccess,locateFail);
	 navigator.geolocation.clearWatch(watchId);
	 
  </script>
</html>



版权声明:本文为博主原创文章,未经博主允许不得转载。--caicongyang

相关文章推荐

部分国行Android手机缺少谷歌GMS服务包导致HTML5 Geolocation无法定位的问题

最近项目上用到HTML5的geolocation用于定位,用Chrome和手头的手机测试好好的功能,到终端用户那里反馈一些手机不能定位,最后确定出是部分三星、摩托的部分国行Android手机“阉割”了...

部分国行Android手机缺少谷歌GSM服务包导致HTML5 Geolocation无法定位的问题

最近项目上用到HTML5的geolocation用于定位,用Chrome 和手头的手机测试好好的功能,到终端用户那里反馈一些手机不能定位,最后确定出是部分三星、摩托的部分国行Android手机“阉割”...
  • kaosini
  • kaosini
  • 2013年07月18日 13:24
  • 2744

HTML5地理位置定位

  • 2016年01月04日 08:05
  • 1.76MB
  • 下载

html5精确定位至10m

  • 2016年04月08日 11:36
  • 3KB
  • 下载

基于IP地址的HTML5地理位置定位 Geolocation API实例

基于IP地址的HTML5地理位置定位 Geolocation API实例       定位实例           http://api.map.baidu.com/a...

html5定位代码

  • 2013年07月08日 21:40
  • 2KB
  • 下载

HTML5地理位置定位API接口开发

一. 地理位置定位原理介绍  地理位置的定位目前有如下几种方式:GPS,IP地址,Wifi(国内基本不用),GSM/CDMA基站的方式。   HTML5地理位置定位的实现:   1. 实现基于浏览...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5定位服务
举报原因:
原因补充:

(最多只允许输入30个字)