HTML地理位置定位
来源:互联网 发布:mac rebel 编辑:程序博客网 时间:2024/05/16 04:49
<!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="jquery.1.10.1.min.js"></script>
<script type="text/javascript">
var gpsPoint;
var baiduPoint;
var baiduAddress;
function getLocation() {
//获取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;
gpsPoint = new BMap.Point(longitude, latitude);
BMap.Convertor.translate(gpsPoint, 0, translateCallback);
}
translateCallback = function (point) {
baiduPoint = point;
var geoc = new BMap.Geocoder();
geoc.getLocation(baiduPoint, getCityByBaiduCoordinate);
}
function getCityByBaiduCoordinate(rs) {
baiduAddress = rs.addressComponents;
var address = baiduAddress.city + baiduAddress.district + baiduAddress.street + baiduAddress.streetNumber;
$("#showdiv").html(address);
}
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>
</head>
<body>
<div id="showdiv"></div>
</body>
</html>
0 0
- HTML地理位置定位
- HTML 5开发之地理位置定位
- 地理位置定位
- HTML5开发 地理位置定位
- 根据IP定位地理位置
- ios地理位置定位
- HTML5 地理位置定位
- android webview 地理位置定位
- 地理位置的定位方式
- Android地理位置定位
- UIWebview 地理位置定位问题
- HTML5地理位置定位 lbs
- Android 地理位置定位
- 地理位置的定位方法
- 微信地理位置定位
- HTML5地理位置定位
- H5定位地理位置API
- 获取用户地理位置定位
- 函数开始处的MOV EDI, EDI的作用
- 内核启动过程
- 介绍equals 和 "==" 及内存分配
- 顺序表应用5:有序顺序表归并
- 2016 acm香港网络赛 A.A+B problem[FFT]
- HTML地理位置定位
- 一些linux 与磁盘相关命令
- 互信息(Mutual Information)的介绍
- hibernate Cache缓存
- 容器相关介绍
- LibGdx文档译读(十) Preferences接口
- 信息论的熵
- HTML学习小结之HTML标签
- 混淆必知必会