百度地图搜索某个城市(地区)的包含某关键词的所有地点,并显示锚点,点击地点显示信息框...-CSDN博客

<!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" /> <title>百度地图地点查找</title> <style> body,td{ font-size:12px} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2" charset="utf-8"></script> </head> <body leftmargin="0" topmargin="0"> <script language="javascript"> var markerImg="/images/markers.png"; function makeMarkAndInfoWindow(point,title,sContent,id,map) { var icon=new BMap.Icon(markerImg,new BMap.Size(23, 25),{imageOffset:{width:0,height:(-25*id)}}); var marker = new BMap.Marker(point,{icon:icon}); var infoWindow = new BMap.InfoWindow(sContent,{title:title}); // 创建信息窗口对象 marker.addEventListener("click", function(){ this.openInfoWindow(infoWindow); }); map.addOverlay(marker); } var map; var local; //在某个城市搜索某个地名 function gotoMap(city_name,land_name) { if(city_name==''){ city_name='太原'; } map = new BMap.Map("container"); map.centerAndZoom(city_name,15); map.addControl(new BMap.NavigationControl()); var options = { onSearchComplete: function(results){ if (local.getStatus() == BMAP_STATUS_SUCCESS){ var s = []; for (var i = 0; i < results.getCurrentNumPois(); i ++){ var obj=results.getPoi(i); var point = obj.point; if(i==0) map.centerAndZoom(point, 15); makeMarkAndInfoWindow(point,"<b>"+obj.title+"</b>","地址:" + obj.address+"<br/>类型:" + obj.tags.join("，"),i,map); s.push('<a href="javascript:map.centerAndZoom(new BMap.Point('+point.lng+','+point.lat+'), 15);void(0)"><div style="position: relative;float:left; margin: 0pt; padding: 0pt; width: 23px; height: 25px; overflow: hidden;"><img style="border:none;left:-23px; top:'+(-25*i)+'px; position:absolute;" src="'+markerImg+'"></div>'+"<strong>"+results.getPoi(i).title + "</strong></a> 地址：" + results.getPoi(i).address+" - <img src='/images/icon/icon_right_19x19.gif'><a href='javascript:parent.setPositionInfo(\""+obj.url+"\",\""+obj.address+"\",\""+obj.point.lng+"\",\""+obj.point.lat+"\",\""+obj.uid+"\");void(0)'>选取</a>"); } var html=""; for(var i=0;i<results._numPages;i++) { if(results._pageIndex==i) { html+=' ['+i+'] '; }else{ html+=' [<a href="javascript:local.gotoPage('+i+');">'+(1+i)+'</a>] '; } } document.getElementById("results").innerHTML = "<div style='font-weight:bold'>分页："+html+"</div>"+s.join("<br/>"); } } }; local = new BMap.LocalSearch(map, options); local.search(land_name); } window.οnlοad=function(){ gotoMap("晋中市","山西平遥古城"); } </script> <div style="width:700px;height:400px;border:1px solid gray; margin:0px; padding:0px" id="container"></div> <div id="results" style="font-size:13px;margin-top:10px; height:270px; overflow:auto; line-height:25px"></div> </body> </html>

百度地图搜索某个城市(地区)的包含某关键词的所有地点,并显示锚点,点击地点显示信息框