2013-11-28 40 views
0

我正在使用Google Maps API。我想为某些国家分配颜色。多个FusionTables查询不起作用

要做到这一点,我必须让每个国家的边界​​能够绘制多边形。所以,我正在使用FusionTables。对于每个国家,我都会执行FusionTables查询来获取图层,然后设置地图。这里我做了什么。

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); 
    } 
} 

}

但是,为什么风格只为第一个国家工作吗?我想知道所有国家的查询是否都没有成功执行,或者只是这种风格有问题?任何帮助将不胜感激。

回答

0

地图只能有1个样式的FusionTablesLayer,其他图层的样式将被忽略。

创建一个单一的FusionTablesLayer会,并通过IN() -condition

+0

由于选择多个sovereignt的,是能够分配不同的颜色,每一个国家? –

+0

通过图层设置仅适用于5个国家(仅适用于最多5种风格)。但是,您可以通过模板**定义[**不同颜色](https://support.google.com/fusiontables/answer/2681556?hl=zh-CN)(基于列值) –