javascript – 如何在Google Fusion Table的同一桌面/图层上构建多个下拉菜单?
作者:互联网
我在我的网站上创建了一系列Google Fusion Table maps,社区媒体数据库,
允许用户打开和关闭多个图层.对于每一层,我还构建了一个下拉选择菜单,允许查看器根据该选择器过滤显示的结果.
我现在需要为每一层创建多个下拉选择菜单.为了简单起见,在链接地图中,我想让观众不仅可以通过管理类型,还可以通过运送当地选举相关的节目以及许多其他领域来查看访问电视提供商.
我仍然是Googgle FT的新手,并且几乎不了解JavaScript.我曾尝试复制和粘贴一些代码示例,但我相信我没有正确建立唯一变量.他们以某种方式结束了冲突,但没有一个能奏效.
有人可以帮助我了解在单个Google Fusion Table /地图图层上创建多个选择菜单的简单方法吗?谢谢!
~Hob McCousland,CommunitymediaDatabase.org
解决方法:
问题一是能够从您的选择列表中检索值.我给我的所有选择列表一个id并使用jQuery.js来访问这些值:
var value = $(‘#program_select_id’).val();
其次是通过“AND”链接您的查询条件,您的代码似乎已经掌握了这些条件.
这是我使用的一些jQuery依赖代码的示例:
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function setQuery(ft_layer, current_table_id, location_col)
{
var query = [];
var value = $('#program_select_id').val();
if(value !== ''){
query.push("'program' = '" + value + "'");
}
value = $('#provider_select_id').val();
if(value !== ''){
query.push("'data_provider' = '" + value + "'");
}
value = $('#observable_select_id').val();
if(value !== ''){
query.push("observables CONTAINS '" + value + "'");
}
var where = query.join(' AND ');
var qryOpts = {
query: {
select: location_col,
from: current_table_id,
where: where
}
};
ft_layer.setOptions(qryOpts);
}
</script>
标签:javascript,google-fusion-tables 来源: https://codeday.me/bug/20191003/1846099.html