百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内

由于在实际项目中经常需要查询自己的数据库去标注地图，所以特地写了这个例子，数据库为oracle，把数据库查询出来的数据绑定到前台gridview控件，点击数据中的任何一行，实现标注。效果图：


地图标注代码，

[javascript]  view plain copy

1. position,name,address,phone,typeid为后台数据库查询出来的字段  

[javascript]  view plain copy

1. //地图标注  
2.  function maker(position,name,address,phone,typeid) {  
3.      map.clearOverlays();  
4.      var cc = position;  
5.      var x = cc.split(",")  
6.      var point=new BMap.Point(x[0], x[1])  
7.      var myIcon =new BMap.Icon("images/fly.gif", new BMap.Size(45, 70), { offset: new BMap.Size(0, -5),imageOffset: new BMap.Size(0, 0) });//创建标注图标  
8.      var marker = new BMap.Marker(point,{icon:myIcon}); // 创建标注  
9.      map.addOverlay(marker); // 将标注添加到地图中  
10.      map.centerAndZoom(point,16); //设定地图的中心点和坐标并将地图显示在地图容器中  
11.      var opts1 = {title : '<span style="font-size:20px;color:#0A8021">客户详细资料</span>'};  
12.      var infoWindow =new BMap.InfoWindow("<div style='line-height:1.8em;font-size:12px;'><b>姓名:  </b>"+name+"</br><b>地址:  </b>"+address+"</br><b>电话:  </b>"+phone+"</br><b>客户类型:  </b>"+typeid+"</br></a></div>", opts1);  
13.      marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });  
14.  }  

后台主要代码

[csharp]  view plain copy

1. protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)  
2.     {  
3.         string position = "";  
4.         if (e.Row.RowType == DataControlRowType.DataRow)  
5.         {  
6.             e.Row.Attributes["onmouseover"] = "ItemOver(this)";  
7.             int count = GridView1.Rows.Count;  
8.             for (int i = -1; i < count; i++)  
9.             {  
10.                 position = GridView1.DataKeys[e.Row.RowIndex].Value.ToString();  
11.                  
12.             }  
13.             try  
14.             {  
15.                 //string sql = "select position,name,address,phone from sys_cust where custid=" + position;  
16.                 string sql = "select t.custid,t.position as 坐标,t.name as 姓名,t.address as 地址,t.phone as 电话,t.typeid,s.typeid,s.name as 客户类型 from sys_custtype s,sys_cust t where t.typeid=s.typeid and t.custid=" + position;  
17.                 DataSet ds = sqlHelper.getDataSet(sql);  
18.                 foreach (DataRow dr in ds.Tables[0].Rows)  
19.                 {  
20.                     jwd = dr["坐标"].ToString();  
21.                     name = dr["姓名"].ToString();  
22.                     address = dr["地址"].ToString();  
23.                     phone=dr["电话"].ToString();  
24.                     typeid=dr["客户类型"].ToString();  
25.                 }  
26.             }  
27.             catch (Exception ee)  
28.             {  
29.                 Response.Write(ee.Message);  
30.             }  
31.             e.Row.Attributes.Add("onclick", "maker('" + jwd + "','" + name + "','" + address + "','" + phone + "','" + typeid+ "');");  
32.         }  
33.     }