单击地图上的属性时打开特定选项卡？

Question

当我单击传单地图中的属性时，我想在特定选项卡中显示信息。如果右侧选项卡尚未打开，我希望打开右侧选项卡，并在点击地图上的属性时显示信息。

例如：

这是我的HTML代码：

<!-- tab 4 -->
<div class="tab-pane" id="tab4">
    <h4>Information</h4>
    <p>In this tab you will find specific information about the selected attribute. </p>       
</div>    

这是我的js代码：

onEachFeature: function (feature, layer) {
                layer.on({
                    click: function showResultsInDiv() {
                        var d= document.getElementById('tab4');
                        d.innerHTML =  "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;
                    }
                }); }
        //Hier wordt de data daadwerkelijk toegevoegd aan de map
    }).addTo(map);

更新解决方案：

在这一行下面：d.innerHTML =.......我添加了这行代码，它可以工作：

$('.nav-tabs a[href="#tab4"]').tab('show');

Answer 1

你可以设置'window.location'指向标签的id：

window.location = "#tab4";

如果您使用像Bootstrap这样的框架来管理选项卡，您可以使用它的JS API：

$("#tab4").tab('show')