当前位置: 首页 > 知识库问答 >
问题:

在传单中的弹出信息周围添加表格

葛炯
2023-03-14

我想在Leaflet中的弹出信息周围创建一个表格。我使用引导标记。我尝试了以下代码,但它不工作:

onEachFeature: function (feature, layer) {
            layer.on({
                click: function showResultsInDiv() {
                    var d= document.getElementById('tab4');
                    d.innerHTML =  "<table>"
                                      "<tbody>"
                                        "<tr>"
                                          "<th scope="row"><h3>" + feature.properties.name + "</h3></th>"
                                        "</tr>"
                                        "<tr>"
                                          "<th scope="row">" "</th>"
                                        "</tr>"
                                        "<tr>"
                                          "<th scope="row">ID</th>"
                                          "<td>" + feature.properties.id + "</td>"
                                        "</tr>"
                                        "<tr>"
                                          "<th scope="row">X</th>"
                                          "<td>" + feature.properties.x + "</td>"
                                        "</tr>"
                                        "<tr>"
                                          "<th scope="row">Y</th>"
                                          "<td>" + feature.properties.y + "</td>"
                                        "</tr>"
                                        "<tr>"
                                          "<th scope="row">Keten</th>"
                                          "<td>" + feature.properties.keten + "</td>"
                                        "</tr>"
                                        "<tr>"
                                          "<th scope="row">Naam</th>"
                                          "<td>" + feature.properties.name + "</td>"
                                        "</tr>"
                                      "</tbody>"
                                    "</table>";
                }
            }); }
    }).addTo(map);

这就是我想要的:

这段代码可以工作,但没有给我表标记:

d.innerHTML =  "<h3>" + feature.properties.name + "</h3> ID:" + feature.properties.id + "<br> X-as:" + feature.properties.x + "<br> Y-as:" + feature.properties.y + "<br> Keten:" + feature.properties.keten + "<br> Naam:" + feature.properties.name;
                        $('.nav-tabs a[href="#tab4"]').tab('show');

共有1个答案

茅华灿
2023-03-14

你有两个问题:

>

  • 字符串没有被连接。如果要在JS中以这种方式拆分字符串,请在每行末尾使用悬挂的运算符,即:

    d.innerHTML =  "<table>" +
                     "<tbody>" +
                       "<tr>" +
                         // etc
    

    默认情况下,超文本标记语言中的表没有边框。要么给它分配一个CSS类,要么在你的中使用内联CSS

  •  类似资料:
    • 我需要在我显示的地图上的标记周围添加额外的填充。 这是到目前为止的代码,但顶部和底部或西部和东部标记在屏幕的边缘。

    • 我有一个JPanel,我在网格的内部添加了25个JPanel。我希望每个面板周围都有一个边框,以便您可以清楚地区分每个元素。填充也可以。我向电路板添加面板的方式如果我尝试添加边框,它将应用于包含元素的较大面板。 {GridLayout实验布局=new GridLayout(5,5); } 如何在每个元素周围添加边框。是否需要更改将面板添加到网格的方式?

    • 问题内容: 我正在使用jQuery的getJSON函数发出请求并处理JSON响应。问题是我返回的响应格式错误,无法更改。响应如下所示: 要成为有效的JSON,它应如下所示: 我想将返回的文本更改为有效的JSON对象。我已经使用JavaScript replace函数将单引号转换为双引号,将转义的单引号转换为单引号,但是现在我仍然想方设法找出在键值周围添加引号的最佳方法。 例如,我将如何更改为?是否

    • 问题内容: 如果我有如下图像,如何在图像周围添加边框,以使最终图像的整体高度和宽度增加,而原始图像的高度和宽度保持原样在中间。 问题答案: 下面的代码向原始图像的所有四个侧面添加大小为10像素的恒定边框。 对于颜色,我假设您要使用背景的平均灰度值,该值是根据图像底部两行的平均值计算得出的。抱歉,编码有些困难,但是显示了一般的操作方法,并且可以适应您的需求。 如果将底部和右侧的bordersize值

    • 问题内容: 我需要有效的JSON格式来请求ES。我有一个像 但是当我尝试使用时出现错误,因为我的字符串应该像 所以我的问题,有什么解决方案可以在字符串的键和值周围添加双引号? 谢谢 问题答案: 也许你可以使用: 这是 注意 在我使用的字符组 和中,也许您需要其他字符,以便可以使用另一个

    • 主要活动。xml 这是一张圆形的照片。xml: 我尝试了一些阴影效果的代码,但它不起作用。