Javascript 如何使用Google Maps API V3制作显示边界的简单邮政编码地图?

Javascript 如何使用Google Maps API V3制作显示边界的简单邮政编码地图?,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我需要显示一张交互式地图,其中包含显示其边界的邮政编码,并且邮政编码的颜色不同,如下所示: 输入美国邮政编码,然后单击查找邮政编码 也许我忽略了这一点,但我并没有在GoogleMapsAPI文档中找到这方面的例子和专门讨论这一点的文档。我试着在上面的网页链接上做一个查看源代码,但它的工作原理对我来说并不明显。页面上还有其他东西,我不知道它是否是我需要的东西的一部分 一些简单的代码示例将非常有用!谢谢 这是我与FusionTablesSlayers一起制作的美国zipcode地图: 它没有不同的颜

我需要显示一张交互式地图,其中包含显示其边界的邮政编码,并且邮政编码的颜色不同,如下所示:

输入美国邮政编码,然后单击查找邮政编码

也许我忽略了这一点,但我并没有在GoogleMapsAPI文档中找到这方面的例子和专门讨论这一点的文档。我试着在上面的网页链接上做一个查看源代码,但它的工作原理对我来说并不明显。页面上还有其他东西,我不知道它是否是我需要的东西的一部分


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

这是我与FusionTablesSlayers一起制作的美国zipcode地图:

它没有不同的颜色,但你可以改变它

John Coryat使用tile服务器制作了该地图,您可以使用GoogleMaps API v3自定义地图进行同样的操作

示例中的代码片段:

加载'visualization','1',{'packages':['corechart','table','geomap']}; var映射; var标签=[]; var层; var tableid=1499916; 函数初始化{ geocoder=新的google.maps.geocoder; map=new google.maps.Mapdocument.getElementById'map\u canvas'{ 中心:新google.maps.LatLng37.23032838760389,-118.65234375, 缩放:6, mapTypeId:google.maps.mapTypeId.ROADMAP }; layer=new google.maps.FusionTablesLayertableid; layer.setquery从+tableid中选择“几何体”; layer.setMapmap; codeAddress11501/*document.getElementByIdaddress.value*/; google.maps.event.addListenermap,边界已更改,函数{ 显示拉链; }; google.maps.event.addListenermap,缩放更改,函数{ 如果map.getZoom<11{
对于var i=0;i要绘制区域,您可以使用google maps API,但您需要要绘制的州或城市或Zipcode的边界数据

您可以在该多边形示例中使用view source,如果您已经有了Google maps,您只需向多边形Obj传递一个Obj数组就可以了


关于数据,我想你可以在一个为美国邮政编码的网站上找到它。

我也遇到了同样的问题,正在寻找一个我可以在网站上使用的zipcode地图。我偶然发现这个免费项目有点慢,但完全符合我的要求:


非常适合个人使用,但在向用户显示时效果不太好。如果有人与我处于相同的情况,我希望这能帮助他们解决问题。

一个简单的API,用于获得您想要的:

上面的API按zipcode、city和state向我们展示了BoundariesGeoJson。 您应该以编程方式使用API来处理大型结果

例如:

它返回未定义的信息框