Google Maps API：郵便番号の境界を追加する

Google Maps JS APIを使用して、マーカーを地図に配置しています。コードは非常に簡単です。 "new google.maps.Map"を使ってマップを作成し、 "new google.maps.Marker"で各マーカーを作成します。Google Maps API：郵便番号の境界を追加する

マーカーを表示するだけでなく、マップに特定の米国の郵便番号の境界線を表示するようにしたいと思います。私は、https://www.google.com/maps/place/14618またはhttps://www.google.com/maps/place/94703のようなURLに行くと、Google Mapsのウェブサイトに米国の郵便番号の境界が表示されることがわかりました。

米国の郵便番号の境界線を表示するためにGoogle Maps APIを使用する方法を教えていただけますか？

出典

2016-10-24 Mike W

郵便番号の境界線のソースが必要です。たとえば、ZIP Code Tabulation Areasとすることができます。米国勢調査局は、KMLファイルを提供し、GoogleマップAPIは、次のようにまとめることができKmlLayerあります

var map = new google.maps.Map(document.getElementById('map'), { 
 
    zoom: 11, 
 
    center: {lat: 41.876, lng: -87.624} 
 
}) 
 
var ctaLayer = new google.maps.KmlLayer({ 
 
    url: 'http://anatolysukhanov.com/94703.kml', 
 
    map: map 
 
})

#map { 
 
    height: 100%; 
 
} 
 
html, body { 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
}

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta name="viewport" content="initial-scale=1.0"> 
 
    <meta charset="utf-8"> 
 
    <title>KML Layers</title> 
 
    </head> 
 
    <script src="https://maps.googleapis.com/maps/api/js"></script> 
 
    <body> 
 
    <div id="map"></div> 
 
    </body> 
 
</html>

出典

2016-10-24 10:40:53

感謝を。なぜこの質問が広すぎると考えられるのか分かりません。私は質問をしました。答えは非常に便利でした。 –

Google Maps API：郵便番号の境界を追加する

答えて

関連する問題