我有一个自定义的谷歌地图融合层,我正在尝试添加一个复选框,一旦单击它,就会切换到地图上的新融合层。
然而,当我添加一个新的Google Events DomListener来执行此操作时,它不仅不起作用,而且我的原始地图现在也不再加载,我不知道为什么?
google.maps.event.addDomListener(document.getElementById('houseChoropleth'),
'click', function() {
var houseMap = document.getElementById('houseChoropleth');
layer.setOptions({
query:{
select: "col40>>0"",
from: '16NkOpQVdCaNu8jo1Wvhk8x2LcXBXhyY4dPowkhQ' }
});
});
}
我当前的Javascript代码可以在这里查看:http://jsfiddle.net/VD9LN/1/
我在这里使用谷歌提供的示例代码作为如何实现它的参考:https://developers.google.com/fusiontables/docs/samples/heatmap
虽然我更改了热图部分,所以它生成了我的新图层。
(我代码中的changeMap_0函数用于我的搜索栏,并且有效)
您的查询中有一个额外的":
google.maps.event.addDomListener(document.getElementById('houseChoropleth'),
'click', function() {
var houseMap = document.getElementById('houseChoropleth');
layer.setOptions({
query:{
select: "col40>>0"",
from: '16NkOpQVdCaNu8jo1Wvhk8x2LcXBXhyY4dPowkhQ'
}
});
});
}
这个修改后的版本适用于我
带有复选框
是只有我,还是在select:line 上有多余的">
google.maps.event.addDomListener(document.getElementById('houseChoropleth'),'click', function() {
var houseMap = document.getElementById('houseChoropleth');
layer.setOptions({
query:{
select: "col40>>0"", <--------- ?
from: '16NkOpQVdCaNu8jo1Wvhk8x2LcXBXhyY4dPowkhQ' }
});
});
}