<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>地理位置测试</title>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>

    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

    <script type="text/javascript">

        //var map;

        //var gpsPoint;

        //var baiduPoint;

        //var gpsAddress;

        //var baiduAddress;

        //function getLocation() {

        //    //根据IP获取城市

        //    var myCity = new BMap.LocalCity();

        //    myCity.get(getCityByIP);

        //    //获取GPS坐标

        //    if (navigator.geolocation) {

        //        navigator.geolocation.getCurrentPosition(showMap, handleError, { enableHighAccuracy: true, maximumAge: 1000 });

        //    } else {

        //        alert("您的浏览器不支持使用HTML 5来获取地理位置服务");

        //    }

        //}

        //function showMap(value) {

        //    var longitude = value.coords.longitude;

        //    var latitude = value.coords.latitude;

        //    //alert(longitude+" , "+ latitude);

        //    map = new BMap.Map("map");

        //    //alert("坐标经度为：" + latitude + "， 纬度为：" + longitude );

        //    gpsPoint = new BMap.Point(longitude, latitude);    // 创建点坐标

        //    map.centerAndZoom(gpsPoint, 15);

        //    //根据坐标逆解析地址

        //    //var geoc = new BMap.Geocoder();

        //    //geoc.getLocation(gpsPoint, getCityByCoordinate);

        //    BMap.Convertor.translate(gpsPoint, 0, translateCallback);

        //}

        //translateCallback = function (point) {

        //    $("#txtLocation").val(point.lng + "," + point.lat);

        //    //baiduPoint = point;

        //    //var geoc = new BMap.Geocoder();

        //    //geoc.getLocation(baiduPoint, getCityByBaiduCoordinate);

        //}

        //function getCityByBaiduCoordinate(rs) {

        //    baiduAddress = rs.addressComponents;

        //    var address = "百度标注：" + baiduAddress.province + "," + baiduAddress.city + "," + baiduAddress.district + "," + baiduAddress.street + "," + baiduAddress.streetNumber;

        //    var marker = new BMap.Marker(baiduPoint);  // 创建标注

        //    map.addOverlay(marker);              // 将标注添加到地图中

        //    var labelbaidu = new BMap.Label(address, { offset: new BMap.Size(20, -10) });

        //    marker.setLabel(labelbaidu); //添加百度标注

        //}

        ////根据IP获取城市

        //function getCityByIP(rs) {

        //    var cityName = rs.name;

        //    alert("根据IP定位您所在的城市为:" + cityName);

        //}

        //function handleError(value) {

        //    switch (value.code) {

        //        case 1:

        //            alert("位置服务被拒绝");

        //            break;

        //        case 2:

        //            alert("暂时获取不到位置信息");

        //            break;

        //        case 3:

        //            alert("获取信息超时");

        //            break;

        //        case 4:

        //            alert("未知错误");

        //            break;

        //    }

        //}

        //function init() {

        //    getLocation();

        //}

        //window.onload = init;

    </script>

    <script>

        //初始化时调用获取地理位置方法

        $(function () {

            startgps();

        });

        //获取地理位置方法

        function startgps() {

            //判断是否支持

            if (navigator.geolocation) {

                //navigator.geolocation.watchPosition(showgps,

                navigator.geolocation.getCurrentPosition(showgps,//成功回调函数

                                                         getPositionError, //失败回调函数

                                                        { enableHighAcuracy: true, timeout: 1000, maximumAge: 0 }); // 这里设置超时为1000毫秒，即1秒

            }

            else {

                alert("navigator.geolocation获取结果为false");

            }

        }

        function showgps(position) {

            var latitude = position.coords.latitude;

            var longitude = position.coords.longitude;

            BMap.Convertor.translate(position.coords, 0, function (point) {

                alert(point.lng + "," + point.lat);

            });

            alert("地理位置为latitude：" + latitude + "---longitude=" + longitude);

        }

        function getPositionError(error) {

            alert("获取位置失败");

            //switch (error.code) {

            //    case error.TIMEOUT:

            //        alert("连接超时，请重试");

            //        break;

            //    case error.PERMISSION_DENIED:

            //        alert("您拒绝了使用位置共享服务，查询已取消");

            //        break;

            //    case error.POSITION_UNAVAILABLE:

            //        alert("亲爱的火星网友，非常抱歉，我们暂时无法为您所在的星球提供位置服务");

            //        break;

            //}

        }

    </script>

</head>

<body>

    <input type="text" readonly="readonly" id="txtLocation" />

    <div id="map" style="width:600px;height:600px;"></div>

</body>

</html>

html5获取位置信息,h5获取位置信息的更多相关文章

  1. jquery获取元素在文档中的位置信息以及滚动条位置（转）

    jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886     原文链接 原创 201 ...

  2. HTML5+规范：Geolocation(管理设备位置信息) 定位

    Geolocation模块管理设备位置信息,用于获取地理位置信息,如经度.纬度等.通过plus.geolocation可获取设备位置管理对象.虽然W3C已经提供标准API获取位置信息,但在某些平台存在 ...

  3. 获取系统中所有进程&线程信息

    读书笔记--[计算机病毒解密与对抗] 目录: 遍历进程&线程程序 终止进程 获取进程信息 获取进程内模块信息 获取进程命令行参数 代码运行环境:Win7 x64 VS2012 Update3 ...

  4. JS 获取浏览器和屏幕宽高等信息代码

    JS 获取浏览器和屏幕宽高等信息. 网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:doc ...

  5. 利用php获取图片完整Exif信息类 获取图片详细完整信息类

    <?php /** * @Author: TonyLevid * @Copyright: TonyLevid.com * @Name: Image Exif Class * @Version: ...

  6. 利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能

    原文:利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能 利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能1.在界面上添加几个checkbox和一 ...

  7. Python中获取异常（try Exception）信息

    异常信息的获取对于程序的调试非常重要,可以有助于快速定位有错误程序语句的位置. 这里获取异常(Exception)信息采用try...except...程序结构.如下所示: try: ... exce ...

  8. 使用LocationManager来获取移动设备所在的地理位置信息

    在Android应用程序中,可以使用LocationManager来获取移动设备所在的地理位置信息.看如下实例:新建android应用程序TestLocation. 1.activity_main.x ...

  9. UWP 应用获取各类系统、用户信息 (1) - 设备和系统的基本信息、应用包信息、用户数据账户信息和用户账户信息

    应用开发中,开发者时常需要获取一些系统.用户信息用于数据统计遥测.问题反馈.用户识别等功能.本文旨在介绍在 Windows UWP 应用中获取一些常用系统.用户信息的方法.示例项目代码可参见 Gith ...

随机推荐

  1. 【转】在Linux下写一个简单的驱动程序

    转自:https://www.cnblogs.com/amanlikethis/p/4914510.html 本文首先描述了一个可以实际测试运行的驱动实例,然后由此去讨论Linux下驱动模板的要素,以 ...

  2. Codeforces1238F. The Maximum Subtree（树形dp）

    题目链接:传送门 思路: 题意说用线段的相交作为边,来构造树,所以不存在大于等于3个的线段两两相交,否则会构成环.因而构造出的树中,每个点最多只会与2个度大于1的节点相邻. 不妨把1设为树根,用deg ...

  3. Codeforces1238E. Keyboard Purchase（状压dp + 计算贡献）

    题目链接:传送门 思路: 题目中的m为20,而不是26,显然在疯狂暗示要用状压来做. 考虑状压字母集合.如果想要保存字母集合中的各字母的顺序,那就和经典的n!的状态的状压没什么区别了,时间复杂度为O( ...

  4. Django学习系列3：创建仓库

    在创建仓库之前,在项目superlists中新建一个Python文件,命名为functional_tests.py,里面的内容如下: # File: functional_test.py # Auth ...

  5. sed编辑

    data4.txt this is a test of the test scriptthis is the second test of the trial script data6.txt thi ...

  6. dubbo SPI机制

    源码分析: /** * 获取扩展类 */ @SuppressWarnings("unchecked") public T getExtension(String name) { i ...

  7. JSP 和Servlet 有有什么关系？

    Servlet是一个特殊的Java程序,它运行于服务器的JVM中,能够依靠服务器的支持向浏览器提供显示内容. JSP本质上是Servlet的一种简易形式, JSP会被服务器处理成一个类似于Servle ...

  8. mysql8.0.17复制搭建及其gtid的1062和1032异常

    mysql8.0.17复制搭建及其gtid的1062和1032异常 参考资料: https://blog.csdn.net/wzy0623/article/details/91982743https: ...

  9. 【leetcode】Reorganize String

    题目如下: Given a string S, check if the letters can be rearranged so that two characters that are adjac ...

  10. 百分号编码（URL编码）

    百分号编码又叫做URL编码,是一种编码机制,只要用于URI(包含URL和URN)编码中. URL中那些字符需要编码,又为什么进行编码 一.URL是什么?  URL(Uniform Resource L ...