【高德地图API】从零开始学高德JS API（八）——地址解析与逆地址解析

geocoder.getLocation("北京市海淀区苏州街"); 

var geocoder; 
//加载地理编码插件 
mapObj.plugin(["AMap.Geocoder"],function(){  
geocoder=new AMap.Geocoder({ 
radius:1000, //以已知坐标为中心点，radius为半径，返回范围内兴趣点和道路信息 
city："010"//城市，默认："全国" 
}); 
//返回地理编码结果 
AMap . event . addListener(geocoder, "complete",geocoder_callBack); 
geocoder.getLocation("北京市海淀区苏州街"); 
});

geocoder.getAddress(lnglatXY); 

var geocoder; 
var lnglatXY=new AMap.LngLat(116.396574,39.992706); 
//加载地理编码插件 
mapObj.plugin(["AMap.Geocoder"],function(){  
geocoder=new AMap.Geocoder({ 
radius:1000, //以已知坐标为中心点，radius为半径，返回范围内兴趣点和道路信息 
extensions: "all"//返回地址描述以及附近兴趣点和道路信息，默认"base" 
}); 
//返回地理编码结果 
AMap . event . addListener(geocoder, "complete",geocoder_callBack); 
//逆地理编码 
geocoder.getAddress(lnglatXY); 
}); 

DOCTYPE HTML>
html>
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8">
title>地址解析title>
link rel="stylesheet" type="text/css" href="zero.css" />
script language="javascript" src="http://webapi.amap.com/maps?v=1.3&key=【您的key】">script>
head>
body onLoad="mapInit()">
    div id="iCenter">div>
    div id="iControlbox">
        ul>
            li>
                input type="text" id="key_11" value="116.51413" />
                input type="text" id="key_12" value="39.912896" />
                button onclick="javascript:geocoder2();">逆地址解析button>
            li>
            li>
                input type="text" id="key_2" value="北京市朝阳区大屯路304号" />
                button onclick="javascript:geocoder();">地址解析button>
            li>
        ul>
    div>
    div id="result">div>
body>
script language="javascript">
var mapObj;
var result;
var marker = [];
var windowsArr = [];
function mapInit () {
    mapObj = new AMap.Map(‘iCenter‘);    //默认定位：初始化加载地图时，center及level属性缺省，地图默认显示用户所在城市范围
};
var MGeocoder;
var key_11;
var key_12;
var key_2;
function geocoder2() {  //POI搜索，关键字查询
    key_11 = document.getElementById("key_11").value;
    key_12 = document.getElementById("key_12").value;
    var lnglatXY = new AMap.LngLat(key_11,key_12);
    //document.getElementById(‘result‘).innerHTML = "您输入的是：" + key_1;
    //加载地理编码插件
    mapObj.plugin(["AMap.Geocoder"], function() {       
        MGeocoder = new AMap.Geocoder({
            radius: 1000,
            extensions: "all"
        });
        //返回地理编码结果
        AMap.event.addListener(MGeocoder, "complete", geocoder_CallBack2);
        //逆地理编码
        MGeocoder.getAddress(lnglatXY);
    });
    //加点
    var marker = new AMap.Marker({
        map:mapObj,
        icon: new AMap.Icon({
            image: "http://api.amap.com/Public/images/js/mark.png",
            size:new AMap.Size(58,30),
            imageOffset: new AMap.Pixel(-32, -0)
        }),
        position: lnglatXY,
        offset: new AMap.Pixel(-5,-30)
    });
    mapObj.setFitView();
}
//鼠标划过显示相应点
var marker2;
function onMouseOver (e) {
    var coor = e.split(‘,‘),
        lnglat = new AMap.LngLat(coor[0], coor[1]);
    if (!marker2) {
        marker2 = new AMap.Marker({
            map:mapObj,
            icon: "http://webapi.amap.com/images/0.png",
            position: lnglat,
            offset: new AMap.Pixel(-10, -34)
        });
    } else {
        marker2.setPosition(lnglat);
    }
    mapObj.setFitView();
}
function geocoder_CallBack2(data) { //回调函数
    var resultStr = "";
    var roadinfo ="";
    var poiinfo="";
    var address;
    //返回地址描述
    address = data.regeocode.formattedAddress;
    //返回周边道路信息
    roadinfo +="";
    for(var i=0;idata.regeocode.roads.length;i++){
        var color = (i % 2 === 0 ? ‘#fff‘ : ‘#eee‘);
        roadinfo += ""+ color +"; margin:0; padding:0;‘>";
    }
    roadinfo +="


  
道路：" + data.regeocode.roads[i].name + "

方向：" + data.regeocode.roads[i].direction + "

距离：" + data.regeocode.roads[i].distance + "米


"
    //返回周边兴趣点信息
    poiinfo += "";
    for(var j=0;jdata.regeocode.pois.length;j++){
        var color = j % 2 === 0 ? ‘#fff‘ : ‘#eee‘;
        poiinfo += ""+ data.regeocode.pois[j].location.toString() +"\")‘ style=‘background-color:"+ color +"; margin:0; padding:0;‘>";
    }
    poiinfo +="


    
兴趣点：" + data.regeocode.pois[j].name + "

类型：" + data.regeocode.pois[j].type + "

距离：" + data.regeocode.pois[j].distance + "米

 
";
    //返回结果拼接输出
    resultStr = "

"+"地址："+ address + "

周边道路信息：
" + roadinfo + "

周边兴趣点信息：
" + poiinfo +"
";
    document.getElementById("result").innerHTML = resultStr;
} 

function geocoder() {  //地理编码返回结果展示
    key_2 = document.getElementById("key_2").value;      
    mapObj.plugin(["AMap.Geocoder"], function() {     //加载地理编码插件
        MGeocoder = new AMap.Geocoder();
        //返回地理编码结果
        AMap.event.addListener(MGeocoder, "complete", geocoder_CallBack);        
        MGeocoder.getLocation(key_2);  //地理编码
    });
} 
//地理编码返回结果展示  
function geocoder_CallBack(data){
    var resultStr="";
    //地理编码结果数组
    var geocode = new Array();
    geocode = data.geocodes; 
    for (var i = 0; i  geocode.length; i++) {
        //拼接输出html
        resultStr += ""+"地址："+geocode[i].formattedAddress+""+ "    坐标：" + geocode[i].location.getLng() +", "+ geocode[i].location.getLat() +""+ "    匹配级别：" + geocode[i].level +"";  
        addmarker(i, geocode[i]);
    } 
    mapObj.setFitView();  
    document.getElementById("result").innerHTML = resultStr; 
} 
function addmarker(i, d) {
    var lngX = d.location.getLng();
    var latY = d.location.getLat();
    var markerOption = {
        map:mapObj,                
        icon:"http://webapi.amap.com/images/"+(i+1)+".png", 
        position:new AMap.LngLat(lngX, latY)
    };           
    var mar = new AMap.Marker(markerOption); 
    marker.push(new AMap.LngLat(lngX, latY));
 
    var infoWindow = new AMap.InfoWindow({ 
        content:d.formattedAddress,
        autoMove:true,
        size:new AMap.Size(150,0), 
        offset:{x:0,y:-30}
    }); 
    windowsArr.push(infoWindow); 
     
    var aa = function(e){infoWindow.open(mapObj,mar.getPosition());}; 
    AMap.event.addListener(mar,"click",aa); 
}
script>
html>