由于在实际项目中经常需要查询自己的数据库去标注地图,所以特地写了这个例子,数据库为oracle,把数据库查询出来的数据绑定到前台gridview控件,点击数据中的任何一行,实现标注。效果图:
地图标注代码,
position,name,address,phone,typeid为后台数据库查询出来的字段
//地图标注
function maker(position,name,address,phone,typeid) {
map.clearOverlays();
var cc = position;
var x = cc.split(",")
var point=new BMap.Point(x[0], x[1])
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) });//创建标注图标
var marker = new BMap.Marker(point,{icon:myIcon}); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.centerAndZoom(point,16); //设定地图的中心点和坐标并将地图显示在地图容器中
var opts1 = {title : '<span style="font-siz