调用百度地图API搜索地名和关键词

1、html

<div>    
    <P>搜索城市：<input id="txtCity" type="text" placeholder="北京市" /></n>  
    <p>地名关键词：<input id="txtSearch" type="text" placeholder="肯德基" />  
    <input type="button" value="生成坐标序列" onclick="search()" />         </n>  
    <p>显示结果：<textarea id="txtResult" rows="10" cols="30" value="" style="resize: none;" /></textarea>  
    <div id="divMap" style="400px;height:400px;border:solid 1px gray"></div> 
</div>

2、js

<script src="http://api.map.baidu.com/api?v=2.0&ak=WVAXZ05oyNRXS5egLImmentg"></script>
<script>
    function $(id){  
        return document.getElementById(id);//定义$,以便调用  
    }  
    var map = new BMap.Map("divMap");//创建地图  
    var city=new BMap.LocalSearch(map,{renderOptions:{map:map,autoViewport:true}});  
    function search(){  
       $("txtResult").value=""//每次生成前清空文本域  
       map.clearOverlays(); //清除地图上所有标记  
       var c=$("txtCity").value;  
       city.search(c);//查找城市  
       var s=$("txtSearch").value;  
       var ls = new BMap.LocalSearch(c);  
       ls.search(s);  
       var i=1;  
       ls.setSearchCompleteCallback(function(rs){  
           if (ls.getStatus() == BMAP_STATUS_SUCCESS){  
              for(j=0;j<rs.getCurrentNumPois();j++) {  
                 var poi=rs.getPoi(j);  
                 map.addOverlay(new BMap.Marker(poi.point)); //如果查询到，则添加红色marker  
                 $("txtResult").value+=poi.title+":"+poi.point.lng+","+poi.point.lat+'
';24               }  
           　　if(rs.getPageIndex!=rs.getNumPages()){
            　　　ls.gotoPage(i);  
               　i=i+1;  
        　　　　}  
       　　}
    　　});
    }  
</script>

3、效果