2014-09-04 3 views
0

KML 퓨전 테이블 스타일을 사용하여 영국의 지역을 고유 한 색상으로 색상을 지정합니다. successfuly color-coded 4 regions가 있지만 표에서 더 많은 regions를 추가 할 수는 없습니다. 추가 한 레이어와 두 번째 레이어는 다시 색이 지정되지 않습니다. 이것이 KML 융합 표의 한계와 관련이 있습니까? 어떤 제안이라도 대단히 감사 할 것입니다.Google지도에서 FusionTables 레이어의 제한

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
<meta charset="utf-8"> 
<title>Fusion Tables styling</title> 
<style> 
    html, body, #map-canvas { 
    height: 100%; 
    margin: 0px; 
    padding: 0px 
    } 
</style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
<script> 
var map, layer, layer2; 

function initialize() { 

var leicester = new google.maps.LatLng(52.62, -1.13); 

map = new google.maps.Map(document.getElementById('map-canvas'), { 
    center: leicester, 
    zoom: 6 
}); 
layerMap(); 
secondLayerMap(); 
} 

function layerMap(){ 
layer = new google.maps.FusionTablesLayer({ 
query: { 
    select: 'geometry', 
    from: '1vBKVuQNY4d8ncgg0fbgaXxDxsSdPtJMka2KsxnUZ' 
}, 
styles: [{ 
    polygonOptions: { 
    fillColor: '#00FF00', 
    fillOpacity: 1.0 
    } 
}, { 
    where: 'HECTARES = 7877200', 
    polygonOptions: { 
    fillColor: '#0000FF' 
    } 
}, { 
    where: 'HECTARES = 159469.844', 
    polygonOptions: { 
    fillColor: '#FF4000' 
    } 
}, { 
    where: 'HECTARES = 1300379.625', 
    polygonOptions: { 
    fillColor: '#FFFFFF' 
    } 
}, { 
    where: 'HECTARES = 1940521.5', 
    polygonOptions: { 
    fillColor: '#FFFF00' 
} 
}] 
}); 
layer.setMap(map); 
} 
function secondLayerMap(){ 
layer2 = new google.maps.FusionTablesLayer({ 
query: { 
    select: 'geometry', 
    from: '1xtYFs7V7qYTwNfb2xRweXO7pY_0Y83Vom5NnYQ4-' 
}, 
styles: [{ 
    polygonOptions: { 
    fillColor: '#00FF00', 
    fillOpacity: 1.0 
    } 
}, { 
    where: 'HECTARES = 2122463.25', 
    polygonOptions: { 
    fillColor: '#0404B4' 
    } 
}, { 
    where: 'HECTARES = 1556405.5', 
    polygonOptions: { 
    fillColor: '#61380B' 
    } 
}] 
}); 
layer2.setMap(map); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 
<body> 
<div id="map-canvas"></div> 
</body> 
</html> 

답변

0

퓨전 테이블이지도에 5 개 테이블의 최대 수, 그 층의 하나-5 역동적 인 스타일의 최대 : 다음은 내 코드입니다.

https://developers.google.com/maps/documentation/javascript/fusiontableslayer#limits

당신은 최대 5 개의 스타일 규칙으로 스타일을 지정할 수있는 하나의지도에 다섯 개 퓨전 테이블 레이어를 추가 할지도 API를 무료로 사용할 수 있습니다.

FusionTables UI를 통해 색상을 적용한 경우 (열의 색상을 다각형에 지정) 원하는만큼 많은 색상을 사용할 수 있습니다. 자바 스크립트를 통해 동적으로 할당 된 스타일은 한 레이어에 5 개 제한이 있습니다.

+0

지금까지 두 개의 테이블이 있습니다. 첫 번째에는 4 개의 색상 영역이 있고 다른 하나에는 2가 있습니다. 첫 번째 표에 다른 색상을 추가하려고하면 영역에 표시되지 않습니다. 두 번째 테이블은 어떤 이유로 든 작동하지 않습니다. –

+0

설명서에 '지도 API를 사용하여 최대 5 개의 Fusion Tables 레이어를지도에 추가 할 수 있으며, ** 하나는 ** 최대 5 개의 스타일 규칙으로 스타일을 지정할 수 있습니다.'라는 기본 규칙이 있습니다. 4 개의 고유 한 다각형을 더한 것입니다. – geocodezip

+0

문제는 여전히 존재하지만 정보를 제공해 주셔서 감사합니다. –

관련 문제