用html或php编写详细代码让手机打开的网页调用Geolocation 和 百度的ak值fUmCszw7O7G8rBv2MO4MLLNIA5DNWLoj实现精准定位将获取的地址显示在输入框中
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>精准定位</title>
<script src="http://api.map.baidu.com/api?v=2.0&ak=fUmCszw7O7G8rBv2MO4MLLNIA5DNWLoj"></script>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert("浏览器不支持定位！");
}
}
<pre><code> function showPosition(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var map = new BMap.Map("allmap");
var point = new BMap.Point(lon, lat);
var geoc = new BMap.Geocoder();
geoc.getLocation(point, function(rs) {
var addComp = rs.addressComponents;
document.getElementById("address").value = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
});
}
</script>
</code></pre>
</head>
<body onload="getLocation()">
<div id="container">
<h1>精准定位</h1>
<div id="allmap" style="display:none;"></div>
<input type="text" id="address" placeholder="获取地址中..." readonly>
</div>
</body>
</html
原文地址: http://www.cveoy.top/t/topic/hv7W 著作权归作者所有。请勿转载和采集!