现在的位置: 首页 > 综合 > 正文

js百度地图 搜索附近银行医院酒店

2017年11月30日 ⁄ 综合 ⁄ 共 1731字 ⁄ 字号 评论关闭
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);	
		}

抱歉!评论已关闭.