指定中心点,半径搜索

此示例是一个简单的搜索。搜索以西单为中心,半径1000米范围内的银行。并显示在地图上。

关键代码

var sRender=new sogou.maps.SearchRenderer();
var request={
       'map':map,
       'what':{
           'keyword':'银行'
       },
	   'range':{
			'center':new sogou.maps.Point(12954160.15625039,4825117.1875),
            'radius':1000,
            'limit':1    //严格限制半径
	   }
  };
var search=new sogou.maps.Search();//创建搜索实例
search.search(request);
search.setRenderer(sRender);
			

代码解析

首先要先初始化一个搜索实例,设置请求参数。调用search方法。

var search=new sogou.maps.Search();//创建搜索实例
var request={
       'map':map,
       'what':{
           'keyword':'银行'
       },
	   'range':{
			'center':new sogou.maps.Point(12954160.15625039,4825117.1875),
            'radius':1000,
            'limit':1    //严格限制半径
	   }
  };
search.search(request);
			

接下来将查询结果显示到地图上,需要先初始化搜索渲染类。再调用搜索的setRenderer方法,进行结果渲染。

			var sRender=new sogou.maps.SearchRenderer();
			search.setRenderer(sRender);
			

完整代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前视野搜索</title>
<style type="text/css">
#map{position:absolute;width:400px; height:300px;}
</style>
<script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script>

</head>

<body>
    <div id="map" ></div>
</body>
<script>

var myLatLng = new sogou.maps.Point(12957062,4827187);
var myOptions = {
  zoom: 10,
  center: myLatLng
};
var map = new sogou.maps.Map(document.getElementById("map"), myOptions);//创建地图

var sRender=new sogou.maps.SearchRenderer();
var request={
       'map':map,
       'what':{
           'keyword':'银行'
       },
	   'range':{
			'center':new sogou.maps.Point(12954160.15625039,4825117.1875),
            'radius':1000,
            'limit':1    //严格限制半径
	   }
  };
var search=new sogou.maps.Search();//创建搜索实例
search.search(request);
search.setRenderer(sRender);
</script>
</html>
			

运行代码