编写个调用百度fUmCszw7O7G8rBv2MO4MLLNIA5DNWLoj这个ak实现页面上一个信息框内显示访问的时候的网页定位地址完整代码要求一个框里是地点位置地址根据IP获取经纬度精确到街道或大概门牌号一个框里提示输入名字一个框里输入年龄
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面定位地址</title>
<script src="http://api.map.baidu.com/api?v=2.0&ak=fUmCszw7O7G8rBv2MO4MLLNIA5DNWLoj"></script>
</head>
<body>
<div>
<label>地址：</label>
<span id="location"></span>
</div>
<div>
<label>名字：</label>
<input type="text" id="name">
</div>
<div>
<label>年龄：</label>
<input type="text" id="age">
</div>
<script>
// 获取定位地址
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
// 获取经纬度
var lng = r.point.lng;
var lat = r.point.lat;
// 根据经纬度获取地址
var geoc = new BMap.Geocoder();
geoc.getLocation(r.point, function(rs){
var addComp = rs.addressComponents;
document.getElementById("location").innerHTML = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
});
}
else {
alert('定位失败，请手动输入地址！');
}
},{enableHighAccuracy: true})
<pre><code> // 获取输入的名字和年龄
var nameInput = document.getElementById("name");
var ageInput = document.getElementById("age");
var name = nameInput.value;
var age = ageInput.value;
</script>
</code></pre>
</body>
</html
原文地址: http://www.cveoy.top/t/topic/hvIC 著作权归作者所有。请勿转载和采集!