<!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. ceph分布式存储简介

    一.Ceph简介: 什么是分布式存储? 我在一个环境当中,有很多很多的服务器,服务器上也有它自己很多的硬盘,我通过软件的形式把若干服务器都收集起来,部署成一个软件,在这个逻辑的软件里可以同时看到我若干 ...

  2. 四、Ubuntu16.04下TestLink的部署【测试管理必备工具】

    TestLink部署和使用方法 TestLink是一个基于Web的开源测试和需求管理工具.该应用程序提供测试规范.测试计划和执行,报告,需求规范以及与知名的bug跟踪器协作. 特征 l 需求管理 - ...

  3. asp.net mvc + vue.js + axios.js

    1.新建一个 MVC 应用程序 2.右键解决方案 添加VUE 3.搜索vue 1.安装axios.js ,用于数据请求,get , post axios

  4. hibernate中save()、get()、load()、update()、saveorupdate()、merge()等方法

    1.save()方法 直接传个user对象 session.save(user); 2.get()方法和load()方法 get(): 传id        session.get(UserInfo. ...

  5. electron-vue打包引用的图标不显示问题

    在electron-vue中使用了字体图标,但是打包成.exe文件后图标不显示,路劲问题 把字体图标放到static目录下就可以了,静态图片也一样 我原来放在其它地方不行 改到static目录就可以了

  6. 【leetcode】Sliding Puzzle

    题目如下: On a 2x3 board, there are 5 tiles represented by the integers 1 through 5, and an empty square ...

  7. Shell-07数组与字符串

    Shell-07数组与字符串 数组 数组说白了就是一段连续的变量,一段连续的内存存储空间 解决:变量过多的问题:在同类的变量中,我们不需要去定义多个名字,而是以数组的方式来定义:(列表) 数组名 索引 ...

  8. CodeForces 1100F Ivan and Burgers

    CodeForces题面 Time limit 3000 ms Memory limit 262144 kB Source Codeforces Round #532 (Div. 2) Tags da ...

  9. 【gym102394L】LRU Algorithm（自然溢出哈希）

    题意:给定一个n个数的数字序列,第i个数为a[i],每次操作会将a[i]插入或移到最前端: 1.若a[i]已经在序列中出现过,则将其移到最前端,并删除原出现位置 2.若a[i]未出现过,则直接将其插入 ...

  10. Python3学习笔记(五)：列表和元组

    一.列表 列表是可变的--可以改变列表的内容 list函数可以把各种类型的序列拆分列表 >>> list('Hello') ['H', 'e', 'l', 'l', 'o'] 二.列 ...