Html代码: <div class="catalog"> <a onclick="javascript:searchSthing('银行');return false;" href="" ><img src="images/bank.GIF"></img> 银行</a> <a onclick="javascript:searchSthing('公交站');return false;" href=""><img src="images/bus.GIF"></img> 公交</a> <a onclick="javascript:searchSthing('地铁站');return false;" href=""><img src="images/subway.GIF"></img> 地铁</a> <a onclick="javascript:searchSthing('医院');return false;" href=""><img src="images/hospital.GIF"></img> 医院</a> <a onclick="javascript:searchSthing('商场');return false;" href=""><img src="images/market.GIF"></img>商场</a> <a onclick="javascript:searchSthing('学校');return false;" href=""><img src="images/school.GIF"></img> 学校</a> <a onclick="javascript:searchSthing('酒店');return false;" href=""><img src="images/hotel.GIF"></img> 酒店</a> <a onclick="javascript:searchSthing('餐厅');return false;" href=""><img src="images/restaurant.GIF"></img> 餐厅</a> <a onclick="javascript:searchSthing('邮局');return false;" href=""><img src="images/mail.GIF"></img> 邮局</a> <a onclick="javascript:searchSthing('娱乐');return false;" href=""><img src="images/happy.GIF"></img> 娱乐</a> </div> <div id="container"><img src="images/static_map.jpg"/></div> <div id="results"></div>
Js代码 function addMarker(map,point){ var myIcon = new BMap.Icon("images/buildingMarker.GIF", new BMap.Size(126, 42), { offset: new BMap.Size(5, 45) }); var marker = new BMap.Marker(point, {icon: myIcon}); map.addOverlay(marker); } function searchSthing(thing){ var map = new BMap.Map("container"); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); var point=new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); addMarker(map,point); var local = new BMap.LocalSearch(map, { renderOptions: {map: map, panel: "results"} }); local.searchNearby(thing,point); }