time 
设为首页】【收藏本站
当前位置: 主页 > JavaScript > 其它JS框架 > 【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注

【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注

时间:2011-04-12 22:50 点击:2760次 字体:[ ]




摘要:

  上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?"

  答案就是,利用百度地图上的数据。

----------------------------------------------------------------------------------------------

我们不用花大把时间写代码去跑数据,只需要利用百度地图API提供的免费接口,就可以快速完成这一功能。

【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注_www.fengfly.com

查看示例,请点击这里

-----------------------------------------------------------------------------------------------

一、建立不同的查询按钮

  还是以招商银行,中国银行和建设银行三个为例,建立三个不同的查询按钮。我想用最直观的展现方式来教学,所以使用了三个按钮。当然,你也可以建立一个下拉列表,或者一个输入框来传参数。html代码如下:

 

<input type="button" onclick="milk_zs();" value="招商银行" />
<input type="button" onclick="milk_zg();" value="中国银行" />
<input type="button" onclick="milk_js();" value="建设银行" />

 

  针对这三个按钮,写三个不同的查询。

 

function milk_zs(){
local.search(
'招商银行');
}
function milk_zg(){
local.search(
'中国银行');
}
function milk_js(){
local.search(
'建设银行');
}

 

  如何定义三个不同的标注,在上一章已经讲过了,我这里就不重复了。下面进入重点部分!!

二、利用百度地图数据库

  由于我们要将从百度地图查询出来的数据,显示成自己定义的标注,那么就需要使用到回调函数。经过查询,LocalSearch的回调函数是searchComplete。用法如下:

 

var local = new BMap.LocalSearch(map,{onSearchComplete: searchComplete}); //构造一个查询

 

  接下来,我们要将在回调函数里进行操作。遍历所有查询到的坐标点,读一个获取的点,就自己添加一个自定义标注。读点,使用的是getCurrentNumPois接口。

 

//查询完毕的回调函数
var searchComplete = function (results){
if (local.getStatus() != BMAP_STATUS_SUCCESS){
return ;
}
for(var cnt = 0; cnt < results.getCurrentNumPois(); cnt++){
var point = results.getPoi(cnt);
addMarker(results,point, cnt);
}
}

 



本文地址 : http://www.fengfly.com/plus/view-197869-1.html
标签: 百度地图API 查询系统标注
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: