<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--<style>
body{ margin:0; padding:0;font:12px/16px Verdana, Helvetica, Arial, sans-serif;}
</style>-->
<link rel="stylesheet" href="/Public/Css/demo.Default.css" type="text/css" />
<title>地理解析（地址匹配）</title>
<script language="javascript" src="http://webapi.amap.com/maps?v=1.2&key=8325164e247e15eea68b59e89200988b"></script>
<script language="javascript">
var mapObj,toolbar,overview,scale;
function mapInit()
{
var opt = {
level:13,//設置地圖縮放級別
center:new AMap.LngLat(116.397428,39.90923),//設置地圖中心點
doubleClickZoom:true,//雙擊放大地圖
scrollWheel:true//鼠標滾輪縮放地圖
}
mapObj = new AMap.Map("iCenter",opt);AMap.Conf.network = 1;
mapObj.plugin(["AMap.ToolBar","AMap.OverView","AMap.Scale"],function()
{
toolbar = new AMap.ToolBar();
toolbar.autoPosition=false; //加載工具條
mapObj.addControl(toolbar);
overview = new AMap.OverView(); //加載鷹眼
mapObj.addControl(overview);
scale = new AMap.Scale(); //加載比例尺
mapObj.addControl(scale);
});
}
function addressToGeoSearch_CallBack(data){
var resultStr="";
if(data.status =="E0")
{
resultStr=data.list[0].x+","+data.list[0].y;
}
document.getElementById("result").innerHTML += resultStr+"|";
}
var index=0;
var adds=[{"HOTELID":"381","ADDRESS":"北京市朝陽區東三環中路10號（國貿橋東南角近招商局大廈）"},{"HOTELID":"382","ADDRESS":"北京市順義區天竺中街6號(天瑞加油站對面)"}];
adds=eval(adds);
function bdGEO(){
var add = adds[index];
geocodeSearch(add);
index++;
}
function geocodeSearch(add){
mapObj.clearMap();
if(index < adds.length){
setTimeout(window.bdGEO,1);
}
//
var GeocoderOption = {
range:300,//范圍
crossnum:2,//道路交叉口數
roadnum :3,//路線記錄數
poinum:2//POI點數
};
var geo = new AMap.Geocoder(GeocoderOption);
geo.geocode(add.ADDRESS,function(data){
var resultStr="";
if(data.status =="E0")
{
resultStr=data.list[0].x+","+data.list[0].y;
}
document.getElementById("result").innerHTML +=add.HOTELID+"、"+resultStr+"|";
}
);
}
</script>
</head>
<body onload="mapInit();">
<table width="661px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div id="iCenter" style="height:300px;width:661px"> </div></td></tr>
<tr> <td>
<div>地理解析（地址匹配）<b>地址：</b><input type="text" id="address" name="address" value="北京市海淀區蘇州街" />
<input type="button" value="查詢" onclick="bdGEO()" />
<br><b>端到端往返延遲（round-trip delay）：</b>
<input type="text" id="textSearchTime" readonly="yes" style="border: 0px;width:60%"/><br><b>本次請求 ID：</b><input type="text" id="textUniqId" readonly="yes" style="border: 0px;width:60%" /></input>
</div>
</td>
</tr>
<tr><td><div style="padding:0px 0 4px 2px; background-color:#D1EEEE"><b>搜索結果:</b></div></td></tr>
<tr> <td><div id="result" name="result" style="overflow:auto;margin-top:5px; width:100000px; height:10000px"> </div></td> </tr>
</table>
</body>
</html>