Öffnen einer bestimmten Registerkarte, wenn auf ein Attribut auf der Karte geklickt wird?

Question

Wenn ich auf ein Attribut in meiner Flugblatt-Karte klicke, möchte ich die Informationen auf einer bestimmten Registerkarte anzeigen. Wenn die rechte Registerkarte nicht bereits geöffnet ist, möchte ich die rechte Registerkarte öffnen und die Informationen anzeigen, wenn ein Attribut auf der Karte angeklickt wird.

Zum Beispiel:

Das ist mein HTML-Code:

<!-- 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>  

Und das ist mein js Code:

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

UPDATE LÖSUNG:

Unterhalb dieser Linie : d.innerHTML =....... Ich habe dieses li hinzugefügt ne von Code und es funktioniert:

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

Answer 1

Sie könnten nur die ‚window.location‘ auf die Registerkarte der id-zu-Punkt:

window.location = "#tab4"; 

Falls Sie einen Rahmen wie Bootstrap verwenden zu verwalten die Registerkarten, können Sie es verwenden JS API:

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