Javascript 多个FusionTables查询不工作
我正在使用谷歌地图API。我想给一些国家分配颜色 要做到这一点,我必须让每个国家的边界能够绘制多边形。所以,我用的是易熔材料。对于每个国家,我都会进行FusionTables查询以获取图层,然后设置地图。这就是我所做的Javascript 多个FusionTables查询不工作,javascript,google-maps-api-3,google-fusion-tables,Javascript,Google Maps Api 3,Google Fusion Tables,我正在使用谷歌地图API。我想给一些国家分配颜色 要做到这一点,我必须让每个国家的边界能够绘制多边形。所以,我用的是易熔材料。对于每个国家,我都会进行FusionTables查询以获取图层,然后设置地图。这就是我所做的 var countryArray = new Array(); var nodeArray = new Array(); var companyArray = new Array(); var locationsArray = new Array(); function plo
var countryArray = new Array();
var nodeArray = new Array();
var companyArray = new Array();
var locationsArray = new Array();
function plotMarker() {
var rootMarker = locationsArray[companyArray.indexOf(rootCompany)];
var latlng = new google.maps.LatLng(0, 0);
var myStyle = [
{
featureType: "all",
elementType: "labels",
stylers: [
{
visibility: "off" }
]
}
];
map = new google.maps.Map(document.getElementById("map_canvas"), {
mapTypeControlOptions: {
mapTypeIds: ['mystyle', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN]
},
center: latlng,
zoom: 2,
mapTypeId: 'mystyle'
});
map.mapTypes.set('mystyle', new google.maps.StyledMapType(myStyle, { name: 'My Style' }));
for (var i = 0; i < locationsArray.length; i++) {
if (locationsArray[i] != undefined) {
var latitude = locationsArray[i].lat() + verDiff;
var longitude = locationsArray[i].lng() + horDiff;
var newLatlng = new google.maps.LatLng(latitude, longitude);
var ftoptions = {
query: {
from: '419167',
select: 'kml_4326',
where: "sovereignt = '"+countryArray[i]+"'"
},
suppressInfoWindows:true,
styles: [
{
polygonOptions: {
fillColor:'#0040FF',
fillOpacity:0.7
}
}
]
};
var layer = new google.maps.FusionTablesLayer(ftoptions);
layer.setMap(map);
}
}
}
但是,为什么这种风格只适用于第一个国家?我想知道是不是所有国家的查询都没有成功执行,还是只是样式有问题?任何帮助都将不胜感激。一张地图只能有一个样式化的FusionTablesLayer,其他图层的样式将被忽略
创建一个FusionTablesLayer并通过IN条件选择多个sovereignt谢谢,这能为每个国家分配不同的颜色吗?通过图层设置仅适用于5个国家,最多可应用5种样式。但您可以基于列值进行定义