Question

我正在尝试在融合表地图中获取选项卡式信息窗口。我见过它 here 。我已经为此工作了几个星期，无法弄清楚如何使标签工作。下图显示了一个无序列表，然后是我想要分解到每个选项卡的实际数据，但我无法让窗口识别选项卡。

Sorry, not enough reputation to post image yet.

我不知道如何使用脚本，因此我很有可能在信息窗口中不正确地调用脚本。

我将哪些代码放入信息窗口自定义代码区？我只需要一般结构，不用担心匹配我的数据字段等。

我在发布的页面上需要做些什么吗？

非常感谢您提供任何帮助。在一个选项卡上存在太多数据，我想不出另一种方法可以使这项工作。

这是我得到的代码（信不信由你，因为数据点太多了。

基本上我想要三个标签：

{template .contents}
<div class='googft-card-view' style='font-family: sans-serif; width: 550px; padding: 4px; border: 1px solid #ccc; overflow: hidden'>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="http://www.barelyfitz.com/projects/tabber/tabber.js">    </script>

<link rel="stylesheet" href="http://www.barelyfitz.com/projects/tabber/example.css" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="http://www.barelyfitz.com/projects/tabber/example-print.css" TYPE="text/css" MEDIA="print">

<script type="text/javascript">

document.write('<style type="text/css">.tabber{display:none;}<\/style>');

</script>
</head>

<body>

<div class="tabber">

     <div class="tabbertab">

<h3><a href="#state">State Level Data</a> </h3>
<b>Disaggregated By:</b><br>
<b>Grade Level (K, 1,&hellip;7,&hellip;10,&hellip;12):</b> {$data.value['STATE LEVEL REPORTING Disaggregated by: Grade Level (K, 1,&hellip;7,&hellip;10,&hellip;12)']}<br><br>

<b>School Level (Elementary/Middle/High):</b> {$data.value['STATE LEVEL REPORTING Disaggregated by: School Level (Elementary/Middle/High)']}<br><br>
<b>Race &/or Ethnicity:</b> {$data.value['STATE LEVEL REPORTING Disaggregated by: Race &/or Ethnicity']}<br>
<b>Gender:</b> {$data.value['STATE LEVEL REPORTING Disaggregated by: Gender']}<br>
<b>Special Education:</b> {$data.value['STATE LEVEL REPORTING Disaggregated by: Special Education']}<br><br>
     </div>

     <div class="tabbertab">

    <h3><a href="#district">District Level Data</a></h3>
<b>Disaggregated By:</b><br>
<b>Grade Level (K, 1,&hellip;7,&hellip;10,&hellip;12):</b> {$data.value['DISTRICT LEVEL REPORTING Disaggregated by: Grade Level (K, 1,&hellip;7,&hellip;10,&hellip;12)']}<br><br>
<b>School Level (Elementary/Middle/High):</b> {$data.value['DISTRICT LEVEL REPORTING Disaggregated by: School Level (Elementary/Middle/High)']}<br><br>
<b>Race &/or Ethnicity:</b> {$data.value['DISTRICT LEVEL REPORTING Disaggregated by: Race &/or Ethnicity']}<br>
<b>Gender:</b> {$data.value['DISTRICT LEVEL REPORTING Disaggregated by: Gender']}<br>
<b>Special Education:</b> {$data.value['DISTRICT LEVEL REPORTING Disaggregated by: Special Education']}<br><br>
     </div>

     <div class="tabbertab">

    <h3><a href="#school">School Level Data</a></h3>
<b>Disaggregated By:</b><br>
<b>Grade Level (K, 1,&hellip;7,&hellip;10,&hellip;12):</b> {$data.value['SCHOOL LEVEL REPORTING Disaggregated by: Grade Level (K, 1,&hellip;7,&hellip;10,&hellip;12)']}<br><br>
<b>School Level (Elementary/Middle/High):</b> {$data.value['SCHOOL LEVEL REPORTING Disaggregated by: School Level (Elementary/Middle/High)']}<br><br>
<b>Race &/or Ethnicity:</b> {$data.value['SCHOOL LEVEL REPORTING Disaggregated by: Race &/or Ethnicity']}<br>
<b>Gender:</b> {$data.value['SCHOOL LEVEL REPORTING Disaggregated by: Gender']}<br>
<b>Special Education:</b> {$data.value['SCHOOL LEVEL REPORTING Disaggregated by: Special Education']}<br><br>
     </div>

</div>

</body>

</html>
{/template}

融合表映射中的选项卡式信息窗口

0 个答案: