百度map Javascript API 遍历搜索结果
日期：2014-05-16 浏览次数：20370 次
百度地图 Javascript API 遍历搜索结果
API文档：http://developer.baidu.com/map/jshome.htm
但说明不够详细，这里给出一个遍历搜索结果的完整实例。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
(1) 这里需要引用百度地图的ＡＰＩ，官方文档
<title>百度地图</title>
</head>
<body style="overflow: scroll">
<div id="allmap" style="height: 100px"></div>(2)定义保存地图的页面元素</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 12);
map.enableScrollWheelZoom();
</script>
(3) 创建地图对象，并进行初始化，初始化是必要的，否则不能进行任何操作。
<script type="text/javascript">
var ls = new BMap.LocalSearch(map);
// 定义每一页结果加载完成的回调函数
function onSearchComplete(result) {
var n = result.getNumPois();
var tab = document.getElementById("courtList");
var msg = document.getElementById("errMsg");
var i = 0;
for (i = 0; i < result.getCurrentNumPois() ; i++) {
var tr = tab.insertRow(tab.rows.length);
var poi = result.getPoi(i);
tr.insertCell(0).innerText = i + ls.getPageCapacity() * result.getPageIndex();
tr.insertCell(1).innerText = poi.title;
tr.insertCell(2).innerText = poi.point.lng;
tr.insertCell(3).innerText = poi.point.lat;
tr.insertCell(4).innerText = poi.phoneNumber;
tr.insertCell(5).innerText = poi.address;
tr.insertCell(6).innerText = poi.tags;
}
// 判断是否到最后一页，如果是则不再搜索
if (result.getPageIndex() < result.getNumPages() - 1)
ls.gotoPage(result.getPageIndex() + 1);
}
ls.setSearchCompleteCallback(onSearchComplete);
ls.setPageCapacity(100);
ls.search("关键词");
</script>(4) 定义搜索。调用LocalSearch.search方法后只给出第一页的结果，如果要进行后续的查找必须 使用 LocalSearch.gotoPage再次获取，每页结果加载完成都会调用回调函数
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
