交你如何用百度地图搜索自己的数据不需数据库

摘要：我有一定的房产数据，还有银行数据。

我想在百度地图上标注出来，并且能搜索到我这些数据。

可是百度的数据库上并没有我的数据。

我应该怎么办呢？------------------------------------------------------------------------------------------一、无需数据库，如何建立自己的地理信息表。

如果让初学者去建立数据库，那么意味着大家还要学习数据库，以及网站后端的知识。

为了方便大家学习，使大家能够快速地掌握如何构建房产地图，银行地图等，酸奶小妹教大家一个“把数据存储在前端”，“搜索自己数据”的一个办法。

（本文章要特别感谢不怕冷的小蚊子）首先，我们需要为自己的数据建立一个数组，把它们存储起来。

像这样。

// 标注点数组var BASEDATA = [{title:"奥亚酒店",content:"北苑路169号",point:"11 6.422792|40.009471",isOpen:1,icon:{w:21,h:21,l:115,t:46,x: 1,lb:10}},{title:"珀丽酒店",content:"将台西路8号",point:"116. 484289|39.97936",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb: 5}},{title:"贵国酒店",content:"左家庄1号",point:"116. 454494|39.964011",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb: 5}},{title:"科通酒店",content:"民族园路8号院2号楼",poi nt:"116.394601|39.987925",isOpen:0,icon:{w:21,h:21,l:0,t: 0,x:6,lb:5}},{title:"将台酒店",content:"酒仙桥路甲12号",point:"116.496024|39.976864",isOpen:0,icon:{w:21,h:21,l:0,t:0,x: 6,lb:5}},{title:"成宏酒店",content:"北四环东路惠新东桥西北侧", point:"116.429445|39.995392",isOpen:0,icon:{w:21,h:21,l:0, t:0,x:6,lb:5}},{title:"华商酒店",content:"延静西里2号",point:"116. 488962|39.921939",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb: 5}},{title:"标华酒店",content:"北京市朝阳区红庙路柴家湾1号",point:"116.489284|39.92104",isOpen:0,icon:{w:21,h:21, l:0,t:0,x:6,lb:5}},{title:"万程酒店",content:"天坛路89号",point:"116. 411762|39.89457",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb: 5}},{title:"黎昌酒店",content:"永定门外彭庄乙58号",poin t:"116.393532|39.876272",isOpen:0,icon:{w:21,h:21,l:0,t:0, x:6,lb:5}},{title:"北京银行",content:"北京市海淀区白石桥路39号", point:"116.329593|39.952398",isOpen:0,icon:{w:21,h:21,l:0, t:0,x:6,lb:5}},{title:"海淀银行",content:"丹棱街16西门",point:"11 6.315551|39.984388",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6, lb:5}},{title:"北京银行",content:"北京市西城区文津街附近",p oint:"116.391713|39.929007",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"首都银行",content:"东三环南路88号",point:" 116.469899|39.87684",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6, lb:5}},{title:"国家银行",content:"中关村南大街33号",point: "116.331292|39.949031",isOpen:0,icon:{w:21,h:21,l:0,t:0,x: 6,lb:5}},{title:"崇文区银行",content:"北京市崇文区花市大街113号（乐天玛特超市旁）的敕建火德真君庙内",point:"116.427671|39.903 568",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"朝阳区银行",content:"北京市朝阳区朝外小庄金台里17号",point:"116.47766|39.922295",isOpen:0,icon:{w:21,h: 21,l:0,t:0,x:6,lb:5}},{title:"宣武区银行",content:"教子胡同8号",point:"1 16.374561|39.894302",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6, lb:5}},{title:"东城区银行",content:"交道口东大街85号",poin t:"116.41927|39.9474",isOpen:0,icon:{w:21,h:21,l:0,t:0,x: 6,lb:5}},{title:"西城区银行",content:"北京市西城区后广平胡同2 6号",point:"116.368099|39.942332",isOpen:0,icon:{w:21,h:2 1,l:0,t:0,x:6,lb:5}}]注意：这部分是写在js里的。

其中，title是信息窗口打开后的标题，同时也是label标签的取值；content是信息窗口的内容；point是经纬度，请使用百度坐标（获取地址：）；isopen是控制信息窗口是否打开的开关；icon里的选项是控制marker图片的，width是宽、hight是高等等。

二、如何查找，并显示自己的数据你需要在html中写一个搜索框，一个搜索按钮。

<p><input id="keyword" type="text" style="width:150px;" va lue="银行"/><input type="button" value="搜索" onclick="search('type ','show','keyword')"/></p>搜索框，需要一个id，例如keyword来传递要搜索的参数。

我写了银行。

本案例中，由于有酒店数据，你还可以写酒店。

搜索按钮，上面需要一个点击事件onclick="search('type','show','keyword')"。

根据type类型、sho w是否显示、keyword关键词来做搜索。

那么，当搜索的内容，就是id=keyword里面的keyword和我自己的数据，就是步骤一里的数组，相同时，我就创建一个marker标注，并且默认打开它的信息窗口。

window.search = function(name_t,name_s,id_d){var t_o = document.getElementsByName(name_t);var s_o = document.getElementsByName(name_s);var s_v,t_v,d_v = document.getElementById(id_d).value;for(var i = 0; i < t_o.length; i++){if(t_o[i].checked){t_v = t_o[i].value;}}for(var i = 0; i < s_o.length; i++){if(s_o[i].checked){s_v = s_o[i].value;}}searchClass.trim(t_v) == "" && (t_v = "single");var dd = searchClass.search({k:"title",d:d_v,t:t_v, s:s_v});addMarker(dd);//向地图中添加marker}三、全部源代码为了更加符合用户的搜索习惯，我设计了精确超找、和模糊查找两种情况。