百度地图升级4:给点添加弹框

 // 设置弹框的格式
                var opts = {
                  boxStyle: {
                    width: "280px",
                    height: "120px",
                  },
                  enableAutoPan: true,
                };
                //根据判断设置图标--排口
                var marker = new BMap.Marker(new BMap.Point(mapdatas[i].outletLng, mapdatas[i].outletLat), {
                  icon: myIconInfo
                });
                //弹框
                //循环出数据
                var params = ''
                for (var k in mapdatas[i].monitorList) {
                  params = params + mapdatas[i].monitorList[k].key + '(' + mapdatas[i].monitorList[k].unit + '):' +
                    mapdatas[i]
                    .monitorList[k].value + "<br/>"
                }
                var content = "<h2 style='margin:0 0 5px 0;padding:0.2em 0'>排口信息</h2>" +
                  "排口名称:" + mapdatas[i].outletName + "<br/>" +
                  "排口编号:" + mapdatas[i].num + "<br/>" +
                  "排口标签:" + "<span>" +
                  mapdatas[i].outletTag + "<br/>" + "<hr/>" + params +
                  "<a class='qwesd' style='color:#409EFF;position:absolute;right:2px;cursor: pointer;'>查看详情</a>"
                bm.addOverlay(marker); // 将标注添加到地图中
                addClickHandler(content, marker);

 


版权声明:本文为Hei_lovely_cat原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。