HTML地理位置定位_输入经纬度在天地图中查询定位 html代码-CSDN博客

本文链接：https://blog.csdn.net/GaraMaps/article/details/52529608

<!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>