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

作者：小丑西瓜9 | 2024-02-18 18:17:58

踩

百度地图完全自定义弹窗

效果图

主要代码

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

    //开启信息窗口

  });

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/109673

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

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