我想在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');
你有两个问题:
>
字符串没有被连接。如果要在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: 我尝试了一些阴影效果的代码,但它不起作用。