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

最新推荐文章于 2021-06-26 10:12:57 发布

Sup_Heaven

最新推荐文章于 2021-06-26 10:12:57 发布

阅读量1.1w

点赞数 1

分类专栏：百度地图文章标签：百度 javascript function div 娱乐 class

本文链接：https://blog.csdn.net/Sup_Heaven/article/details/7490761

版权

百度地图专栏收录该内容

15 篇文章 0 订阅

订阅专栏

Html代码：
<div class="catalog">
  			<a οnclick="javascript:searchSthing('银行');return false;" href="" ><img src="images/bank.GIF"></img> 银行</a>
  			<a οnclick="javascript:searchSthing('公交站');return false;"  href=""><img src="images/bus.GIF"></img> 公交</a>
  			<a οnclick="javascript:searchSthing('地铁站');return false;"  href=""><img src="images/subway.GIF"></img> 地铁</a>
  			<a οnclick="javascript:searchSthing('医院');return false;" href=""><img src="images/hospital.GIF"></img> 医院</a>
  			<a οnclick="javascript:searchSthing('商场');return false;"  href=""><img src="images/market.GIF"></img>商场</a>
  			<a οnclick="javascript:searchSthing('学校');return false;"  href=""><img src="images/school.GIF"></img> 学校</a>
  			<a οnclick="javascript:searchSthing('酒店');return false;"  href=""><img src="images/hotel.GIF"></img> 酒店</a>
  			<a οnclick="javascript:searchSthing('餐厅');return false;"  href=""><img src="images/restaurant.GIF"></img> 餐厅</a>
  			<a οnclick="javascript:searchSthing('邮局');return false;"  href=""><img src="images/mail.GIF"></img> 邮局</a>
  			<a οnclick="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);	
		}