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

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

例如：

这是我的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

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

回答

相关问题