js 百度地图自定义弹出信息窗口

效果图

js 百度地图自定义弹出信息窗口_第1张图片

 主要代码

 var html = "详情

"+

  "类型:安全事故

"+

  "级别:II级

" +

  "情况:XXX施工工地施工路面塌陷,未造成人员伤亡,相关部门已赶赴现场处理情况。

";

  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);

    //开启信息窗口

  });

 

下载地址 https://download.csdn.net/download/qq_28073073/12205952 

你可能感兴趣的:(js,前端,百度地图弹窗,infoBox,百度地图InfoBox,百度地图自定义弹窗,百度地图自定义Marker)