工作经验谈之让百度地图API调用数据库内容及详解

function dataNum(types,temp){
｝　　

var map = new BMap.Map("container");  // 创建Map实例
var point=new BMap.Point(113.183265,23.034994);
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件　　

//数据库提取经纬数据 
    var type="machine";
    var params = {"token": getStorage("token"), "flag":1};
    var parameter_str="";
    for(var key in params){  
        parameter_str+="&"+key+"="+params[key];
    }  
    var fullurl=getOption("gykj_host")+type+"/list"+"?"+getOption("gykj_callbackparam")+"="+getOption("gykj_callbackfunc")+parameter_str;
    //$("#breadcrumbs").html(fullurl);
    $.ajax({
        url:fullurl,
        type:'get',
        dataType:"jsonp",
        jsonp:getOption("gykj_callbackparam"),
        jsonpCallback:getOption("gykj_callbackfunc"),
        async:false,
        error:function(){
            alert("列表："+getOption("connectionErrorMessage"));
        },
        success:function(data){
             if(data.resultCode==getOption("resultcode_success")){
                var i=0;
                for(var item in data.data){
                    //alert(data.data[item].longitude);
                    machines=data.data;
                    //alert(data.data[item].m_id);
                    var lOngitude="";
                    var latitude="";
                    if(data.data[item].longitude!=null){
                        lOngitude=data.data[item].longitude;
                    }
                    if(data.data[item].latitude!=null){
                        latitude=data.data[item].latitude;
                    }
                    if(longitude!="" || latitude!="" ){
                    	 var m_name=data.data[item].m_name;
                          point =new BMap.Point(longitude,latitude);
                          addMarker(point);
                    
                    }//. if(longitude!="" || latitude!="" )
                 }//.for(
              }//.if(data.resultCode
        }//. success
     })//. $.ajax            

// 编写自定义函数,创建标注并可拖拽
function addMarker(point){
      var marker = new BMap.Marker(point);
      map.addOverlay(marker);
      marker.enableDragging(); 
     
}// .addMarker

var gc = new BMap.Geocoder();
marker.addEventListener("dragend",function(){	
    var marketpoint=marker.getPosition();  //获取一个点
    document.getElementById("longitude").value=marketpoint.lng;
    document.getElementById("latitude").value=marketpoint.lat; 
    gc.getLocation(marketpoint, function(rs){
        var addComp = rs.addressComponents;
        document.getElementById("address").value=(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
    });
});//.addEventListener dragend

marker.addEventListener("click", function(){          
    this.openInfoWindow(infoWindow);
    //图片加载完毕重绘infowindow
    document.getElementById('imgDemo').Onload= function (){
   		 infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
    }
});

var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象

var sCOntent=
	"
桂城行政服务中心
" + 
	"" + 
	"
机器运行正常
" + 
	"
开关机模块正常
" + 
	"
正在播放公益视频
" + 
	"
开机时间：2015年6月17日 10时34分
" + 
	"
数据更新时间：2015年6月17日 7时30分
" + 
	"