地图抓取

来源：互联网发布：知行天下规划设计院编辑：程序博客网时间：2024/05/09 14:02

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2313" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=8543401119193639E2Cd89f123258948"></script>
<title>单击获取点击的经纬度</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom("重庆",5); // 初始化地图,设置城市和地图级别。

map.addEventListener("click",send(e));

var xhr;
if(window.ActiveXObject){
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}

function send(){
//alert("111111111111111111<br/>");
alert(e.point.lng + "," + e.point.lat);
var url = "http://api.map.baidu.com/geocoder?output=xml&location=38.983424,%20116.322987&key=8543401119193639E2Cd89f123258948";
xhr.open("GET",url,true);
xhr.onreadystatechange = callback;
xhr.send();

}
function callback(){
//alert("22222222222222222<br/>");
if(xhr.readyState==4){
if(xhr.status == 200){
//document.write(xhr.responseText + "<br/>");

//利用正则截取字串，获得<city>的节点值
var s1 = xhr.responseText.split(/(<city>)/);
var s2= s1[1].split(/(<\/city>)/);

alert(s2[0]);

//svar resultDiv = document.getElementById("resultDiv");
//resultDiv.innerHTML =s2[0];
}
}
}

</script>