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 ...
随机推荐
- docker 安装与使用的相关问题
Error response from daemon: i/o timeout $ sudo docker search centos Error response from daemon: Get ...
- (转)分布式锁的几种使用方式（redis、zookeeper、数据库）
https://blog.csdn.net/u010963948/article/details/79006572
- python 后台 安装 富文本编辑
前言 当然需要安装一些后台只能输入一些文本编辑器,不然这样多少不美观呀 当然python 有 safe 可以把后台的标签转换 , 还有 striptags 这个是换成html 格式的,但不会加粗或 ...
- Bootstrap 中文文档教程
Bootstrap 中文文档教程 Bootstrap 中文文档教程 全局样式和grid布局—Bootstrap中文使用指南 全局样式1.要求html5文档类型 Bootstrap使用的css属性和ht ...
- 机器学习降维--lu分解
- vuex中this.$store.dispatch和this.$store.commit的区别（都是调用vuex中的方法。一个异步一个同步）
dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('action方法名',值) commit:同步操作,写法:this.$store.commit( ...
- Cassandra 集群配置
集群机制 一致性哈希(数据一致性) Token Range Partitoner Gossip协议(流言,无中心获取领导者) 用于在环内节点之间传播状态信息 周期运行,每次在环中随机挑选一个对象节点, ...
- z-tree的使用
1.参考资料 1)官网:http://www.treejs.cn/v3/api.php 2)z-tree码云:https://gitee.com/zTree/zTree_v3 2.下载解压 案例演示: ...
- 一个超详细vue无限滚动vue-infinite-scroll插件的配置及使用详解
开发中总会遇到这种下拉加载的设计方案,Vue实现下拉加载最佳方案自然是使用vue-infinite-scroll来实现.接下来我们一起看下它的配置及使用方式. 首先我们先了解下他的配置参数: v-in ...
- 第十周java学习总结
目录 第十周java学习总结 学习内容 代码上传截图 代码链接 第十周java学习总结 学习内容 第12章 Java多线程机制 主要内容 Java中的线程 Thread类与线程的创建 线程的常用方法 ...