我正在尝试在融合表地图中获取选项卡式信息窗口。我在这里看到过。我已经为此工作了数周,无法弄清楚如何使选项卡工作。下图显示了一个无序列表,后面是我想要分成每个选项卡的实际数据,但我无法让窗口识别这些选项卡。
我不知道如何使用脚本,所以很有可能我在信息窗口中不正确地调用了脚本。
我应该在信息窗口自定义代码区域中输入什么代码?我只需要一般结构,不用担心匹配我的数据字段等。
在我发布到的页面上我需要做些什么吗?
非常感谢您提供的任何帮助。一个选项卡上的数据太多了,我想不出另一种方法来完成这项工作。
这是我得到的代码(信不信由你,因为有太多数据点,所以它被截断了。
基本上我想要三个标签:
{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,…7,…10,…12):</b> {$data.value['STATE LEVEL REPORTING Disaggregated by: Grade Level (K, 1,…7,…10,…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,…7,…10,…12):</b> {$data.value['DISTRICT LEVEL REPORTING Disaggregated by: Grade Level (K, 1,…7,…10,…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,…7,…10,…12):</b> {$data.value['SCHOOL LEVEL REPORTING Disaggregated by: Grade Level (K, 1,…7,…10,…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}