Google maps api 3 使用下拉框在Google Fusion地图中切换图层

Google maps api 3 使用下拉框在Google Fusion地图中切换图层,google-maps-api-3,google-fusion-tables,Google Maps Api 3,Google Fusion Tables,在这里的一些人的帮助下,我们成功地学习了一些融合地图的例子。我正在尝试做一些我能找到的例子 我的地图包含3层,但我只想一次显示2层。因此,我在底部添加了一个下拉框,以便您可以在两个地图之间切换。我已经添加了一个变量“SecondLayerMap”,我想(至少我已经尝试过)让下拉框改变这个变量。直到3周前,我才写过任何Java(或任何其他编程语言),所以这是一个陡峭的学习曲线 [我见过一些人在类似情况下使用的一种方法是使用一个融合表,但在不同列中的数据之间切换。我认为我做不到这一点,因为每个表中的

在这里的一些人的帮助下,我们成功地学习了一些融合地图的例子。我正在尝试做一些我能找到的例子

我的地图包含3层,但我只想一次显示2层。因此,我在底部添加了一个下拉框,以便您可以在两个地图之间切换。我已经添加了一个变量“SecondLayerMap”,我想(至少我已经尝试过)让下拉框改变这个变量。直到3周前,我才写过任何Java(或任何其他编程语言),所以这是一个陡峭的学习曲线

[我见过一些人在类似情况下使用的一种方法是使用一个融合表,但在不同列中的数据之间切换。我认为我做不到这一点,因为每个表中的地理数据不同,我不希望它们同时显示。]

下一步将是改变一个传奇与开关在地图上,但我会采取什么我从这个问题上学到的,在解决这个问题之前

谢谢你的帮助


英国史密斯菲尔德食品公司
函数初始化(){
var=10;
var defaultCenter=new google.maps.LatLng(52.6500,1.2800);
var locationColumn='geometry';
var geocoder=new google.maps.geocoder();
var SecondLayerMap='1RrCcRC-1vU0bfHQJTQWqToR-vllSsz9iKnI5WEk'
var map=new google.maps.map(document.getElementById('map-canvas'){
中心:默认中心,
缩放:默认缩放,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infoWindow=new google.maps.infoWindow();
//初始化第一层
var FirstLayer=new google.maps.FusionTablesLayer({
查询:{
选择“几何体”,
发件人:“1hpGzmMBg8bDgPOGrAXvc0_QVLSBQ0O5VPLBFUE”
},
地图:地图,
styleId:3,
模板ID:5,
suppressInfoWindows:true
});
google.maps.event.addListener(第一层,'click',函数(e){windowControl(e,infoWindow,map);
});
//初始化第二层
var SecondLayer=new google.maps.FusionTablesLayer({
查询:{
选择“邮政编码”,
发件人:SecondLayerMap
},
地图:地图,
styleId:2,
模板ID:2,
suppressInfoWindows:true
});
google.maps.event.addDomListener(document.getElementById('store'),'change',function(){
var SecondLayerMap=此值;
SecondLayer=新建google.maps.FusionTablesLayer({
查询:{
选择“邮政编码”,
发件人:SecondLayerMap
}
});
});
google.maps.event.addListener(第二层,'click',函数(e){windowControl(e,infoWindow,map);
});
var legend=document.createElement('div');
legend.id='legend';
var内容=[];
内容推送(“讲波兰语的人口密度”);
content.push('=>2%4%6%10%15%使用
setOptions()
将查询应用于层:

    google.maps.event.addDomListener(document.getElementById('store'), 
        'change', 
        function() {
        var SecondLayerMap = this.value;
        SecondLayer.setOptions({
            query: {
                select: 'Postcode',
                from: SecondLayerMap
            }
        });

只是一个简短的提醒:Java≠ JavaScript。
    google.maps.event.addDomListener(document.getElementById('store'), 
        'change', 
        function() {
        var SecondLayerMap = this.value;
        SecondLayer.setOptions({
            query: {
                select: 'Postcode',
                from: SecondLayerMap
            }
        });