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 ...
随机推荐
- 007-zabbix Server 4.0 监控TCP的12种状态
大家对TCP三次握手比较熟悉了,都知道当发生DOSS攻击时,客户端发送SYN给服务端后,服务端响应SYN+ACK,此时客户端就不回应服务端ACK啦(如果正常建立三次握手客户端会回应ACK,表示三次握手 ...
- Big Data（三）伪分布式和完全分布式的搭建
关于伪分布式的配置全程 伪分布式图示 1.安装VMWare WorkStation,直接下一步,输入激活码即可安装 2.安装Linux(需要100GB) 引导分区Boot200MB 交换分区Swap2 ...
- java数据结构复习02
1.递归问题 1.1汉诺塔问题(递归) 问题描述三个柱子,起初有若干个按大小关系顺序安放的盘子,需要全部移动到另外一个柱子上.移动规则:在小圆盘上不能放大圆盘,在三根柱子之间一次只能移动一个圆盘.移动 ...
- pycharm 的一个小问题
版本:PyCharm 2018.3.7 (Professional Edition) 这段时间用pycharm写python代码,运行网上copy的代码.报错了也就是少个模块或者Python2的语法在 ...
- Vue的css动画原理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- nodejs中 require 方法的加载规则
require参数类型 http.fs.path等,原生模块 ./mod或../mod,相对路径的文件模块 /pathtomodule/mod,绝对路径的文件模块 mod,非原生模块的文件模块 在进 ...
- XML DOM (Document Object Model) 定义了访问和操作 XML 文档的标准方法。
XML DOM DOM 把 XML 文档视为一种树结构.通过这个 DOM 树,可以访问所有的元素.可以修改它们的内容(文本以及属性),而且可以创建新的元素.元素,以及它们的文本和属性,均被视为节点. ...
- Django 的 CBV&FBV
Django FBV, function base view 视图里使用函数处理请求 url 1 url(r‘^users/‘, views.users), views 1 2 3 4 5 from ...
- scrapy项目4：爬取当当网中机器学习的数据及价格（CrawlSpider类）
scrapy项目3中已经对网页规律作出解析,这里用crawlspider类对其内容进行爬取: 项目结构与项目3中相同如下图,唯一不同的为book.py文件 crawlspider类的爬虫文件book的 ...
- [BZOJ4305]数列的GCD：莫比乌斯反演+组合数学
分析 一开始想的是对恰好\(k\)个位置容斥,结果发现对\(\gcd\)有些无从下手,想了想发现自己又sb了. 考虑对\(\gcd\)进行容斥处理,弱化条件,现在我们要求的是使\(\gcd\)是\(d ...