2

我正在尝试在融合表地图中获取选项卡式信息窗口。我在这里看到过。我已经为此工作了数周,无法弄清楚如何使选项卡工作。下图显示了一个无序列表,后面是我想要分成每个选项卡的实际数据,但我无法让窗口识别这些选项卡。

抱歉,还没有足够的声誉来发布图片。

我不知道如何使用脚本,所以很有可能我在信息窗口中不正确地调用了脚本。

我应该在信息窗口自定义代码区域中输入什么代码?我只需要一般结构,不用担心匹配我的数据字段等。

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

非常感谢您提供的任何帮助。一个选项卡上的数据太多了,我想不出另一种方法来完成这项工作。

这是我得到的代码(信不信由你,因为有太多数据点,所以它被截断了。

基本上我想要三个标签:

{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}    
4

0 回答 0