<!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. navicat修改表的主键自增长报错

    这周自己在构思一个项目的表的设计,由于是第一次,所以走了很多弯路,也遇到了几个问题,这里暂时贴上来. 我用PowerDesign设计出一部分关联表的ER图之后,导出了sql文件之后用navicat导入 ...

  2. threading.local作用及原理

    先看下应用: import threading from threading import local import time obj = local() def task(i): obj.xxxxx ...

  3. 消息中间件--kafka（1）安装部署

    一.概念 1.什么是kafka Kafka是由Apache软件基金会开发的一个开源的分布式流处理平台,由LinkedIn公司开发,使用 Scala和Java编写.Kafka是一个分布式.分区的.多副本 ...

  4. iOS中延迟执行和取消的几种方式

    公用延迟执行的方法: - (void)delayMethod { NSLog(@"delayMethodEnd"); } 方法一.performSelector 方法 1.延迟执行 ...

  5. 【leetcode】1210. Minimum Moves to Reach Target with Rotations

    题目如下: In an n*n grid, there is a snake that spans 2 cells and starts moving from the top left corner ...

  6. HDU 6012 Lotus and Horticulture（离散化）

    题目代号:HDU 6012 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6012 Lotus and Horticulture Time Limit: ...

  7. java开发需掌握技能2

    1.了解Dubbo+Zookeeper面向服务SOA架构.SpringCloud+Eureka微服务架构.ActiveMQ消息通讯模式.RocketMQ分布式消息.Zookeeper集群.Redis缓 ...

  8. Spring Boot教程（二十二）使用Swagger2构建强大的RESTful API文档（1）

    由于Spring Boot能够快速开发.便捷部署等特性,相信有很大一部分Spring Boot的用户会用来构建RESTful API.而我们构建RESTful API的目的通常都是由于多终端的原因,这 ...

  9. Oracle使用正则表达式拆分字段里多行分布式值

    不规范的表设计往往会带来程序设计上的麻烦,也会降低SQL的性能. 例如下表显示的内容: 这样我们调取多值字段用来做匹配的话就比较麻烦,我们可以通过正则表达式REGEXP_SUBSTR先将 多值得列分成 ...

  10. python学习之路（22）

    使用模块 Python本身就内置了很多非常有用的模块,只要安装完毕,这些模块就可以立刻使用. 我们以内建的sys模块为例,编写一个hello的模块: #!/usr/bin/env python # - ...