Question

我需要像这样显示带有邮政编码边界的谷歌地图

http://maps.huge.info/zip.htm

也许我忽略了它，但我还没有找到这方面的例子和文档在Google Maps API文档中专门讨论这个问题。我尝试在上面的网页链接上查看视图来源，但对我来说它的工作方式似乎并不明显。页面上还有其他内容，我不知道它是否是我需要与否的一部分。

一些简单的代码示例将非常有用！谢谢！

Answer 1

如果还有人在这里寻找解决方案，那么我是如何设法划定界限的。

从http://www2.census.gov/geo/tiger/TIGER2014/ZCTA5/tl_2014_us_zcta510.zip（约500mb）
解压缩它，你需要提取文件中的shp文件
在Windows上，您需要安装QGIS才能获得ogr2ogr实用程序

运行命令从shp文件中获取geoJSON文件：

ogr2ogr -f "GeoJSON" -lco COORDINATE_PRECISION=4 -simplify 0.00010 zipRegions.json tl_2014_us_zcta510.shp

您可以使用简化来删除额外点并压缩数据

在cartodb上创建免费帐户
上传zipRegions.json文件
现在使用cartodb.js文件，您可以轻松地在谷歌地图上绘制邮政编码区域

只需按照这样的代码

var mapOptions = {
            zoom: 12,
            center: new google.maps.LatLng(42.1038846,-72.5868353),
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          map = new google.maps.Map(document.getElementById('map'),  mapOptions);

            cartodb.createLayer(map, {
               user_name: 'your_user_name',
                type: 'cartodb',
              sublayers: [
                {
                    sql: "SELECT * FROM cartodb1",
                    cartocss: '#cartodb1 {polygon-fill: #7bd490;polygon-opacity: 0.7;line-color: #6da57a;line-width: 0.5;line-opacity: 1;}'
                }
            ]})
            .addTo(map, 0) // add the layer to our map which already contains 1 sublayer
            .done(function(layer) {
                console.log('Fine');
            })
            .error(function(e) {
                console.log(e);
            });