マップ上の属性をクリックすると、特定のタブが開きますか？

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

UPDATEソリューション：d.innerHTML =.......私はこの李を付け加えましたコードのNEと、それは動作します：

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

Answer 1

あなただけのタブのidを指すように「window.locationの」を設定できます。あなたが管理するためにブートストラップのようなフレームワークを使用している場合は

window.location = "#tab4"; 

をタブを使用すると、JS APIを使用できます。

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