單擊地圖上的屬性時打開特定選項卡？

當我點擊傳單地圖中的屬性時，我想在特定的選項卡中顯示信息。如果右側選項卡尚未打開，我希望右側選項卡打開並在點擊地圖上的屬性時顯示信息。單擊地圖上的屬性時打開特定選項卡？

例如：

這是我的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 =.......我加了這個li代碼NE和它的工作原理：

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

來源

2016-04-12 L. Grunn

你可以只設置「window.location的」指向該標籤的ID：

window.location = "#tab4";

如果你使用像引導一個框架來管理標籤，你可以使用它的JS API：

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

來源

2016-04-12 14:48:21 r0hitsharma

我試過你的解決方案。但它不打開選項卡。 –

這個改變反映在瀏覽器的位置欄中嗎？你能舉一些例子來幫助調試嗎？ – r0hitsharma

你用什麼來處理標籤？如果它是bootstrap，是否顯示你的標籤：'$（「＃tab4」）.tab（'show'）'？ – r0hitsharma

單擊地圖上的屬性時打開特定選項卡？

回答

相關問題