Googleマップには州の行が表示されます

Question

Googleマップを使用するとちょっと混乱します。

国と州の線で地図を作成したいと思います。 私はスタイナーを使ってこの線を作成します。私はこのような何か（私は7から6に変更ズーム中に画面を作った）を作成したいと思います：

をしかし、私はこれだけで達成することができます：

取得するには私は7レベル（私はポーランド全体を見ることができません）をズームする必要がありますが、私はズームの上にすべてのレベルで表示したい（7 - 6,5など）

私のスタイラーの断片：

styles:[ 
    { 
    "featureType": "administrative", 
    "elementType": "labels.text", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "administrative.province", 
    "elementType": "geometry.stroke", 
    "stylers": [ 
     { 
     "invert_lightness": true 
     }, 
     { 
     "visibility": "on" 
     } 
    ] 
    }, 
    { 
    "featureType": "landscape", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "landscape", 
    "elementType": "labels", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "landscape.man_made", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "landscape.natural.landcover", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "visibility": "on" 
     } 
    ] 
    }, 
    { 
    "featureType": "poi", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "poi", 
    "elementType": "labels", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "road", 
    "elementType": "all", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "transit", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "transit", 
    "elementType": "labels", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "featureType": "water", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "visibility": "on" 
     } 
    ] 
    }, 
    { 
    "featureType": "water", 
    "elementType": "labels", 
    "stylers": [ 
     { 
     "visibility": "on" 
     } 
    ] 
    } 
] 

fiddle demonstrating current behavior

Answer 1

あなたはスタイリングとタイルの動作を変更することはできません。州の境界線がズームレベル6のタイルにない場合は、スタイル設定することはできません。 Google Maps V3: Draw German State Polygons?

proof of concept fiddle

：最良のオプションは、ズームレベルを超えて6

関連する質問を、それらを隠すいくつかの他のデータソース（のようなthis）からズームレベル6のための州の境界を取得することです

コードスニペット：

var geocoder; 
 
var map; 
 

 
function initialize() { 
 
    map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     center: new google.maps.LatLng(37.4419, -122.1419), 
 
     zoom: 5, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
     styles: styles 
 
    }); 
 
    var FT_TableID = 420419; 
 
    var FT_Query = "SELECT 'kml_4326' FROM " + FT_TableID + " WHERE 'name_0' = 'Poland';"; 
 
    var FT_Options = { 
 
    suppressInfoWindows: true, 
 
    query: FT_Query 
 
    }; 
 
    var boundaries = new google.maps.FusionTablesLayer(FT_TableID, FT_Options); 
 
    boundaries.setMap(map); 
 
    google.maps.event.addListener(map, 'zoom_changed', function() { 
 
    if ((map.getZoom() > 6) || (map.getZoom() < 2)) { 
 
     boundaries.setMap(null); 
 
    } else { 
 
     boundaries.setMap(map); 
 
    } 
 
    document.getElementById('zoom').innerHTML = "zoom= " + map.getZoom(); 
 
    }); 
 
    geocoder = new google.maps.Geocoder(); 
 
    geocoder.geocode({ 
 
    'address': "Poland" 
 
    }, function(results, status) { 
 
    if (status === 'OK') { 
 
     map.fitBounds(results[0].geometry.viewport); 
 
    } else { 
 
     alert('Geocode was not successful for the following reason: ' + status); 
 
    } 
 
    }); 
 

 
} 
 
google.maps.event.addDomListener(window, "load", initialize); 
 
var styles = [{ 
 
    "featureType": "administrative", 
 
    "elementType": "labels.text", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "administrative.province", 
 
    "elementType": "geometry.stroke", 
 
    "stylers": [{ 
 
    "invert_lightness": true 
 
    }, { 
 
    "visibility": "on" 
 
    }] 
 
}, { 
 
    "featureType": "landscape", 
 
    "elementType": "geometry", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "landscape", 
 
    "elementType": "labels", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "landscape.man_made", 
 
    "elementType": "geometry", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "landscape.natural.landcover", 
 
    "elementType": "geometry", 
 
    "stylers": [{ 
 
    "visibility": "on" 
 
    }] 
 
}, { 
 
    "featureType": "poi", 
 
    "elementType": "geometry", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "poi", 
 
    "elementType": "labels", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "road", 
 
    "elementType": "all", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "transit", 
 
    "elementType": "geometry", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "transit", 
 
    "elementType": "labels", 
 
    "stylers": [{ 
 
    "visibility": "off" 
 
    }] 
 
}, { 
 
    "featureType": "water", 
 
    "elementType": "geometry", 
 
    "stylers": [{ 
 
    "visibility": "on" 
 
    }] 
 
}, { 
 
    "featureType": "water", 
 
    "elementType": "labels", 
 
    "stylers": [{ 
 
    "visibility": "on" 
 
    }] 
 
}];

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry,places&ext=.js"></script> 
 
<div id="zoom"></div> 
 
<div id="map_canvas"></div>