Question

我正在使用Google Maps JS API在地图上放置一些标记。代码很简单。我只是使用＆＃34; new google.maps.Map＆＃34;创建地图。然后使用＆＃34; new google.maps.Marker＆＃34;。

创建每个标记

除了显示标记之外，我还希望地图显示一个特定美国邮政编码的边界。我发现，如果您转到的网址看似https://www.google.com/maps/place/14618或https://www.google.com/maps/place/94703，Google地图网站将显示单个美国邮政编码的边界。

有人可以告诉我如何使用Google Maps API显示美国邮政编码边界吗？

Answer 1

您需要邮政编码边界的来源。例如，它可以是ZIP Code Tabulation Areas。美国人口普查局提供kml文件，Google Maps 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>

Google Maps API：添加邮政编码边界

1 个答案: