我要地图-地图API-开发文档-搜索接口

//在地图上显示中心点，中心点的匹配可能有多个
		for(var i=0;i<searchResult.centerPoints.length;i++)
		{
			var poi=searchResult.centerPoints[i];
			var point=new LTPoint(poi.point[0],poi.point[1]);
			var icon=new LTIcon();//为中心点指定不同的图标
			icon.setImageUrl("http://api.51ditu.com/img/maps/icon/centerPoi.gif");
			var marker=new LTMarker(point,icon);
			map.addOverLay(marker);
			marker.name=poi.name;
			LTEvent.bind(marker,"click",marker,function(){this.openInfoWinHtml(this.name)});
		}

for(var i=0;i<searchResult.count;i++)
		{
			var poi=searchResult.searchPoints[i];
			var point=new LTPoint(poi.point[0],poi.point[1]);
			var marker=new LTMarker(point);
			map.addOverLay(marker);
			marker.name=poi.name;
			LTEvent.bind(marker,"click",marker,function(){this.openInfoWinHtml(this.name)});
			points.push(point);
			html+=poi.id+'.<a href="'+poi.url+'" target="_blank">'+poi.name+'</a><br/>';
		}
		document.getElementById("resultDiv").innerHTML=html;
		map.getBestMap(points);
	}
	else
	{
		alert('无结果');
	}
}
function onLoad()
{
	map=new LTMaps("mapDiv");
	map.cityNameAndZoom("beijing",5);
	map.addControl(new LTStandMapControl());
	search=new LTLocalSearch(showPoint);
	search.setCity('北京');
	search.areaNum=5;	//指定搜索结果返回的最多中心点匹配数目
	search.search('美食','灵图');
}

</script>
...
<body onload="onLoad()"/>

查看示例

地图点查找

本范例展示如何通过地图上的任意一点（LTPoint）进行周边查找

查看示例

视野内查找

本范例展示如何通过搜索接口，进行视野内查找

function searchByBounds()
{
	var bounds = map.getBoundsLatLng();	//获得当前地图显示的范围
	search.setWords(document.getElementById("word").value);	//设置搜索的关键字
	search.setAreaType("RECT");	//设置矩形空间搜索
	search.setArea(bounds);	//设置搜索的范围
	search.setStartPage(1);	//设置从第一页开始显示
	search.pagecap=10;	//设置每页显示多少条
	search.search();
}

function showPosition(marker){
	marker.openInfoWinHtml(marker.name);
	map.moveToCenter(marker.getPoint());
}
</script>

查看示例

道路周边查找

本范例展示如何通过搜索接口，进行道路周边查找。

function showPosition(marker){
	marker.openInfoWinHtml(marker.name);
	map.moveToCenter(marker.getPoint());
}
</script>

查看示例

圆形区域查找

本范例展示如何通过搜索接口，进行圆形区域搜索。

function show(point)
{
	//创建标注点对象
	var marker=new LTMarker(point);
	//向地图上添加标注点
	map.addOverLay(marker);
	LTEvent.bind(marker, "click" ,marker,openInfoWin);
	
	//设置信息框的内容
	var label = labeDiv(point);
	info = marker.openInfoWinHtml(label);	//在该标记上显示一个信息浮窗
}

function openInfoWin()
{
	var label = labeDiv();
	var win= this.openInfoWinHtml(label);
}

function labeDiv(point)
{
	var div = document.createElement("div");
	var wordDiv = document.createElement("span");
	wordDiv.appendChild(document.createTextNode("关键字："));
	var word = document.createElement("input");
	word.type = "text";
	word.style.width = "53px";
	wordDiv.appendChild(word);
	wordDiv.appendChild(document.createTextNode(" "));
	var radiusDiv = document.createElement("span");
	radiusDiv.appendChild(document.createTextNode("半径："));
	var radius = document.createElement("input");
	radius.type = "text";
	radius.style.width = "35px";
	radius.maxLength = "4";
	radius.value = "500";
	radiusDiv.appendChild(radius);
	radiusDiv.appendChild(document.createTextNode("米"));
	var button = document.createElement("input");
	button.type = "button";
	button.style.margin = "10px 5px 10px 10px";
	button.value = "搜索";
	button.onclick = function()
	{
		createCircle(word.value,point,radius.value);
	}
	div.appendChild(wordDiv);
	div.appendChild(radiusDiv);
	div.appendChild(button);
	return div;
}

function createCircle(word,point,radius)
{
	circlePoint = point;
	circleRadius = radius;
	search.setWords(word);	//设置搜索的关键字
	search.setAreaType("CIRCLE");	//设置矩形空间搜索
	search.setArea(point);	//设置搜索的范围
	search.setCirclerRadius(radius);	//设置圆形搜索的半径
	search.setStartPage(1);	//设置从第一页开始显示
	search.pagecap=10;	//设置每页显示多少条
	search.search();
}

function showPosition(marker){
	marker.openInfoWinHtml(marker.name);
	map.moveToCenter(marker.getPoint());
}

</script>

查看示例