我要地图-地图API-新手上路-搜索接口

地图接口

搜索接口

地图增强接口

标注接口

功能简介

　搜索接口（Search API）是我要地图网新推出的接口，利用该接口，您就可以轻松的实现周边查询功能。例如：搜索北京市灵图公司位置坐标，搜索灵图公司附近的饭店位置坐标。通过调用Search API服务，您就可以进一步扩展您的地图接口（Maps API），开发出更加精彩的应用服务。

在北京搜索

看不到地图请点这里

（搜索效果图）

使用方法

第一步，用DreamWeaver或者其他网页编辑工具，新建一个html网页。

第二步，把下面代码复制粘贴到您新建的网页里面。注意:代码放在<body>与</body>标记之间。

、

在 <b>北京</b> 搜索
<INPUT TYPE="text" id="searchWord" value="灵图软件"> <INPUT TYPE="button" onClick="search.search(document.getElementById('searchWord').value);" value="搜索">
<div id="maps" style="position:relative; width:400px; height:200px; border:black solid 1px;">
<div align="center" style="margin:12px;"></div>
</div> <br>
 <font color="#666666">（搜索效果图）</font>          
<script language="javascript" src="http://api.51ditu.com/js/search.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript">
var map,search;
function showPoint(searchResult)
{
if(searchResult.count>0)//如果存在搜索结果
	{
		map.clearOverLays();
		var poi=searchResult.searchPoints[0];//取出第一个搜索结果点
		var point=new LTPoint(poi.point[0],poi.point[1]);//得到该点的坐标的LTPoint
		map.centerAndZoom(point,0);
		var marker=new LTMarker(point);//向地图上添加一个标记
		map.addOverLay(marker);
		var mapText=new LTMapText(marker);
		mapText.setLabel(poi.name);
		map.addOverLay(mapText);
		var name=poi.name;//标记点击的时候弹出信息
	}

else

{
		alert('无结果');
	}
}
map=new LTMaps("maps");
map.addControl(new LTSmallMapControl());
search=new LTLocalSearch(showPoint);
search.setCity('北京');
search.search('灵图');
</script>

第三步，把网页保存预览，就可以实现上面的效果。