0
我正在使用KML融合表樣式來以不同的顏色對英國地區進行顏色編碼。我已經成功地將顏色編碼爲4個區域,但它不允許我在表格中添加更多區域。我已經添加了第二層,但是這些區域又沒有顏色編碼。這是否與KML融合表的限制有關?任何建議將不勝感激。 這是我的代碼:谷歌地圖中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>
到目前爲止,我有兩個表。第一個有4個着色區域,另一個有2個。當我嘗試向第一個表格添加另一種顏色時,它不會顯示在該區域上。由於某種原因,第二張桌子根本不起作用。 – 2014-09-04 10:04:37
正如文檔所述:'您可以使用Maps API將最多五個Fusion Tables圖層添加到地圖中,其中一個**可以使用多達五個樣式規則進行樣式設置。'您有5條規則,默認樣式,加上四個獨特的多邊形。 – geocodezip 2014-09-04 10:17:28
該問題依然存在,但感謝您的信息。 – 2014-09-04 10:55:55