navigator.geolocation例子

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

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

navigator.geolocation例子的更多相关文章

  1. H5 Notes：Navigator Geolocation

    H5的地理位置API可以帮助我们来获取用户的地理位置,经纬度.海拔等,因此我们可以利用该API做天气应用.地图服务等. Geolocation对象是我们获取地理位置用到的对象. 首先判断浏览器是否支持 ...

  2. js定位navigator.geolocation

    一.简介 html5为window.navigator提供了geolocation属性,用于获取基于浏览器的当前用户地理位置. window.navigator.geolocation提供了3个方法分 ...

  3. 完美解决window.navigator.geolocation.getCurrentPosition，在IOS10系统中无法定位问题

    目前由于许多用户都将电话升级到了iOS系统,苹果的iOS 10已经正式对外推送,相信很多用户已经更新到了最新的系统.然而,如果web站没有及时支持https协议的话,当很多用户在iOS 10下访问很多 ...

  4. JS新API标准 地理定位（navigator.geolocation）/////////zzzzzzzzzzz

    在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation ...

  5. JS新API标准 地理定位（navigator.geolocation）

    在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation ...

  6. 使用navigator.geolocation来获取用户的地理位置信息

    使用navigator.geolocation来获取用户的地理位置信息 W3C 中新添加了一个名为 Geolocation的 API 规范,Geoloaction API的作用就是通过浏览器获取用户的 ...

  7. 解决window.navigator.geolocation.getCurrentPosition在IOS10系统中无法进行地理定位问题

    昨天接到用户通知说在点击"看场地"时无法获取地理位置信息. 在接到通知时,首先想到的是排查机型问题.由于客户多为IOS用户,所以最先看的是在安卓是有没有此问题的发生,调查结果为安卓 ...

  8. HTML5浏览器定位navigator.geolocation.getCurrentPosition

    <!DOCTYPE html> <html> <body> <p id="demo">点击这个按钮,获得您的坐标:</p> ...

  9. navigator.geolocation在IOS10系统中无法定位问题

    在使用地图需要定位的朋友都可能遇到这个问题,参考的文章说的是用百度地图,我用的是腾讯地图,但是其中的原理差不多.所以谢谢这些提供资源的大神们. if (navigator.geolocation) { ...

随机推荐

  1. 从头开始－07.Foundation框架常用结构体

    一.Foundation框架常用结构体NSRange\CGRange.NSPoint\CGPoint.NSSize\CGSize. NSRect\CGRect 的使用 1.  基本使用: //NSRa ...

  2. sql linq lambda 对比

    . 查询Student表中的所有记录的Sname.Ssex和Class列. select sname,ssex,class from student Linq: from s in Students ...

  3. 使用UTL_SMTP发送中文电子邮件

    就是在原有TOM源码的基础上修改utl_smtp.write_data中,将输出内容进行一下数据转换,这样可以保证中文输出不会出现乱码 ----------------------------- cr ...

  4. Linux下如何查看哪些进程占用的CPU内存资源最多

    linux下获取占用CPU资源最多的10个进程,可以使用如下命令组合: ps aux|head -1;ps aux|grep -v PID|sort -rn -k +3|head linux下获取占用 ...

  5. BaseAdapter导致notifyDataSetChanged()无效的三个原因及处理方法

    原文  http://blog.csdn.net/dawanganban/article/details/21376979 前一段时间在做一个项目的时候遇到了一个关于BaseAdapter的notif ...

  6. check单选框多个全选与取消全选

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  7. 从头开发MUDLIB

    跟Akuma一起从头打造mudlib--[第一讲] 第一讲:让它跑起来注:每一讲我都会上传一个相符的lib,有些文件是旧的,有些是新的,我尽可能在lib里写清楚注释.更详细的内容则在每讲的正文里写. ...

  8. Best Financing（HD4833）

    每笔收入产生的收益是独立的. 计算所有点的收益率,累计. #define _CRT_SECURE_NO_WARNINGS #include<iostream> #include<al ...

  9. 国标电表DLT645转MODBUS TCP协议转换器MRD-5021,工业设备，浪涌三级保护MRD

    DL/T645转ModbusTcp协议转换器 MRD-5021具有1 路RS485及1路以太网接口,最多支持同时采集5个DL/T645-1997或者5个2007协议国标电表设备,支持DL/T645协议 ...

  10. BeyondCompare常用功能图解

    http://jingyan.baidu.com/article/066074d68f847ec3c31cb05a.html http://lovesoo.org/use-file-compariso ...