html5获取位置信息,h5获取位置信息
<!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获取位置信息的更多相关文章
- jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接 原创 201 ...
- HTML5+规范：Geolocation(管理设备位置信息) 定位
Geolocation模块管理设备位置信息,用于获取地理位置信息,如经度.纬度等.通过plus.geolocation可获取设备位置管理对象.虽然W3C已经提供标准API获取位置信息,但在某些平台存在 ...
- 获取系统中所有进程&线程信息
读书笔记--[计算机病毒解密与对抗] 目录: 遍历进程&线程程序 终止进程 获取进程信息 获取进程内模块信息 获取进程命令行参数 代码运行环境:Win7 x64 VS2012 Update3 ...
- JS 获取浏览器和屏幕宽高等信息代码
JS 获取浏览器和屏幕宽高等信息. 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:doc ...
- 利用php获取图片完整Exif信息类 获取图片详细完整信息类
<?php /** * @Author: TonyLevid * @Copyright: TonyLevid.com * @Name: Image Exif Class * @Version: ...
- 利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能
原文:利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能 利用修改div的位置+js对象存储div信息 实现简单的div自定义布局功能1.在界面上添加几个checkbox和一 ...
- Python中获取异常（try Exception）信息
异常信息的获取对于程序的调试非常重要,可以有助于快速定位有错误程序语句的位置. 这里获取异常(Exception)信息采用try...except...程序结构.如下所示: try: ... exce ...
- 使用LocationManager来获取移动设备所在的地理位置信息
在Android应用程序中,可以使用LocationManager来获取移动设备所在的地理位置信息.看如下实例:新建android应用程序TestLocation. 1.activity_main.x ...
- UWP 应用获取各类系统、用户信息 (1) - 设备和系统的基本信息、应用包信息、用户数据账户信息和用户账户信息
应用开发中,开发者时常需要获取一些系统.用户信息用于数据统计遥测.问题反馈.用户识别等功能.本文旨在介绍在 Windows UWP 应用中获取一些常用系统.用户信息的方法.示例项目代码可参见 Gith ...
随机推荐
- VMware 问题
桥接模式下,小鸡上不了网问题 多网卡导致的问题 解决:编辑-虚拟网络编辑器 选择vmnet0,然后点击右下角更改设置 把自动改为指定要桥接的网卡,然后点击确定,测试看看.
- Big Data（六）用户权限实操&HDFS-API实操
创建用户实操 1.创建用户god useradd god passwd god 2.设置ssh免密 ssh-copy-id -i id_dsa node02 3.修改hdfs-site.xml中的ss ...
- springboot与spring比较区别
一.从一道面试题说起 面试的时候经常会被问到,spring和springboot的区别.或者SpringMVC和Springboot的区别.其实这样的问法就不是特别合适.因为spring.spring ...
- 微信小程序左右联动菜单（即可左联动，也可右联动）
<!-- 搜索 --> <view class="search"> <input class="search-box" place ...
- eclipse修改代码后都需要clean的解决办法
问题描述: 用STS(类似于Eclipse)正在开发一个JavaWeb项目,但不知怎么的有一天,修改完Java代码,点击运行Tomcat,发现根本没有修改.刚刚开始的时候,因为一开始没找到原因而且工期 ...
- pyqt5-信号与槽
个人理解:pyqt5的信号就是C++中事件,比如鼠标单击事件;pyqt5中的槽就是c++事件函数,比如单击之后要去执行的函数 例子一 一个信号连接一个槽 import sysfrom PyQt5.Qt ...
- sh_05_函数的参数
sh_05_函数的参数 def sum_2_num(num1, num2): """对两个数字的求和""" # num1 = 10 # nu ...
- sh_02_判断年龄改进版
sh_02_判断年龄改进版 # 输入用户年龄 age = int(input("请输入年龄:")) # 判断是否满 18 岁 (>=) if age >= 18: # ...
- ApiException
ApiException 用于在catch中throw 异常,可以添加异常信息, throw new ApiException("线下绑卡异常!"); public class A ...
- HDU2294--Pendant（DP，矩阵优化）
Time Limit: 6000/2000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Submission(s) ...