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. JQuery EasyUi 扩展combox验证

    随笔记录一下 1.通过select text的值验证 /** * 扩展combox验证,easyui原始只验证select text的值,不支持value验证() */ (function($){ c ...

  2. Cordova了解

    概述 Cordova让我们可以使用HTML.JS以及CSS开发跨平台App的公共部分(整个App就是一个WebView或者或者嵌入到本地组件中),与原生API的交互通过Cordova插件实现. 安装配 ...

  3. Linux文件管理常用命令

    1.目录管理 [ls.cd.pwd.mkdir.rmdir.tree] tree:list contents of directories in a tree-like format. 2.文件管理 ...

  4. Java文件IO操作应该抛弃File拥抱Path和Files

    Java7中文件IO发生了很大的变化,专门引入了很多新的类: import java.nio.file.DirectoryStream;import java.nio.file.FileSystem; ...

  5. knockoutjs简单使用

    knockoutjs是一个不错的前端MVVM框架,极大的减轻了前端工作开发量,增加前端代码的维护性.主要特点:声明式绑定.依赖跟踪.模块开速开发. 如下代码(官方代码稍做修改) <p> 姓 ...

  6. 初学swift笔记运算符（二）

    swift 中的运算符 import Foundation //字符类型 var char: Character = "a" char="b" println( ...

  7. 什么是web标准

    Web Standards Standards是个复数,就知道他是有好几个标准或者规范组成的,分别是:结构规范 XML ,XHTML;表现规范 CSS;行为规范 DOM,ECMAScript; 上面是 ...

  8. WPF中PasswordBox控件无法绑定Password属性解决办法

    在WPF中,默认的Password控件的Password属性是不允许为之绑定的,下面是一个解决绑定Password的方法的代码: 1.前台代码 <Window x:Class="Pas ...

  9. 《Android底层接口与驱动开发技术详解》digest

    第一章:IDE:Eclipse ADT for java developer其它: Apache Ant Java SE Development Kit5或6 Linux和Mac上使用Apache A ...

  10. docker 保存更改的镜像:

    <pre name="code" class="ruby">保存更改的镜像: docker:/root# docker commit -m &quo ...