通过Jquery更改Google Fusion URL
通过Jquery更改Google Fusion URL
提问于 2017-03-10 13:20:26
我想用jquery更改google fusion的查询，这是我的地图：
var fusionid= "";
function initMap() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
center: {lat: 28.3268, lng: 84.1855},
zoom: 7
});
var layer = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: {
select: fusionid,
from: "1vgijexVJcXVdOP5b80dwzlLOUVv_fI8gr7fZyU-e",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
}我尝试用jquery更改fusion id，但什么也没发生：
$('#tm-male-2013').click(function(){
fusionid = "1vgijexVJcXVdOP5b80dwzlLOUVv_fI8gr7fZyU-e";
initMap();
});
$('#tm-male-2014').click(function(){
fusionid = "some other id";
initMap();
});为什么它不起作用？
回答 1
Stack Overflow用户
发布于 2017-03-13 22:08:33
最后，我找到了切换融合表格样式的很好的解决方案，我们不需要像我一样创建许多融合表格，只使用一个融合表格而不是通过复制地图来创建一些地图样式。然后，它将生成styleId和templateId。示例如下：
function initialize() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
center: {lat: 28.3268, lng: 84.1855},
zoom: 7
});
var fussion = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: { select: "col0", from: '1XjEJd8JR-c3yHaSyrKC_mN8LCY1YG1Kiazn5TXlG'},
options: { styleId: 2, templateId: 2}
});
fussion.setMap(map);
$('#tm-male-2013').click(function(){
fussion.setMap(null);
fussion = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: { select: "col0", from: '1XjEJd8JR-c3yHaSyrKC_mN8LCY1YG1Kiazn5TXlG'},
options: { styleId: 2, templateId: 2}
});
fussion.setMap(map);
});
$('#tm-male-2014').click(function(){
fussion.setMap(null);
fussion = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: { select: "col0", from: '1XjEJd8JR-c3yHaSyrKC_mN8LCY1YG1Kiazn5TXlG'},
options: { styleId: 6, templateId: 7}
});
fussion.setMap(map);
});如果这个答案对你有帮助，请投票。
谢谢,
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42710808
复制相关文章
相似问题
腾讯云开发者
