主要代码

 var html = "<div class='infoBoxContent'><div class='title'>详情</div><div class='infoBox-content'>"+

  "<div class='line'><div style='float:left;'><img src='lib/aa.png'>类型：<span class='txt'>安全事故</span></div>"+

  "<div style='float:right;'><img src='lib/bb.png'>级别：<span class='txt'>II级</span></div></div>" +

  "<div class='content'><img src='lib/cc.png'>情况：<span class='txt'>XXX施工工地施工路面塌陷，未造成人员伤亡，相关部门已赶赴现场处理情况。</span></div></div></div>";

  var infoBox = new BMapLib.InfoBox(map, html, {

    boxStyle: {

      opacity: "0.9",

      background: "#031c32",

      width: "300px",

      height: "auto"

    },

    closeIconUrl: "lib/close.png",

    closeIconMargin: "10px 10px 0 0",

    enableAutoPan: true,

    align: INFOBOX_AT_TOP

  });

  marker.addEventListener("click", function () {

    infoBox.open(marker);

    //开启信息窗口

  });