码迷,mamicode.com
首页 > 其他好文 > 详细

navigator.geolocation例子

时间:2014-10-29 12:24:10      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   os   ar   使用   java   sp   strong   

navigator.geolocation例子

分类: javascript



    1. <html>  
    2.   
    3. <head>  
    4. <script type="text/javascript">  
    5. function getPositionSuccess(position){  
    6.     var lat = position.coords.latitude;  
    7.     var lng = position.coords.longitude;  
    8.     document.write("所在位置: 经度(" + lat + "),纬度(" + lng + ")");  
    9.     if(typeof position.address !== "undefined"){  
    10.         var country = position.address.country;  
    11.         var province = position.address.region;  
    12.         var city = position.address.city;  
    13.         document.write("<br />");  
    14.         document.write("您位于" + country + province + city);  
    15.     }  
    16. }  
    17. function getPositionError(error){  
    18.     switch(error.code){  
    19.         case error.TIMEOUT:  
    20.             alert("连接超时,请重试");  
    21.             break;  
    22.         case error.PERMISSION_DENIED:  
    23.             alert("您拒绝了使用位置共享服务,查询已取消");  
    24.             break;  
    25.         case error.POSITION_UNAVAILABLE:  
    26.             alert("亲爱的火星网友,非常抱歉,我们暂时无法为您所在的星球提供位置服务");  
    27.             break;  
    28.     }  
    29. }  
    30. </script>  
    31. </head>  
    32.   
    33. <body>  
    34.     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>  
    35.     <script type="text/javascript">  
    36.         if(navigator.geolocation){  
    37.             navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError);  
    38.         }else{  
    39.             alert("您的浏览器不支持Geolocation!");  
    40.         }  
    41.     </script>  
    42. </body>  
    43.   
    44. </html

转载:http://blog.csdn.net/gohome520/article/details/7338486

navigator.geolocation例子

标签:blog   http   io   os   ar   使用   java   sp   strong   

原文地址:http://www.cnblogs.com/wluomo/p/4058920.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!