javascript - 在 Google Map API 中设置邮政编码边界

标签 javascript google-maps google-maps-api-3 zipcode

类似问题的回复我都看过了,不过要么都是旧的,要么没人回答。

我的任务是获取邮政编码并在 Google map 上向用户显示相应的边界,例如 this example .

我正在使用 Javascript 编写此代码并使用 Google Maps API。我希望用户输入一个邮政编码,然后一个标记会在他们的目的地下拉,并带有代表该邮政编码区域的边框。我看到谷歌地图目前在他们的 map 代码中有一些东西,如果有人在 maps.google.com 上输入邮政编码,可以让人们看到边界。我使用了多边形,但这无助于在某个邮政编码周围制作边框。

关于如何获得这个有什么建议吗?

提前致谢!

最佳答案

据我所知,对此没有一个简单的答案。但这是如何进行的高级设计。

所有邮政编码的形状文件都可以在人口普查网站上找到,也可以从this ftp server 下载。 .但是,这是大量数据,因此您需要一个地方来存储它。我建议使用带有 PostGIS 插件的 PostgreSQL 数据库。它是免费和开源的,而且通常很棒。它具有将 .shp 文件(人口普查形状文件中的类型)转换为 PostGIS 几何形式的实用程序。 PostGIS 允许您将形状检索为 KML。

您可以 a) 在需要时从数据库中检索形状作为 KML 并将其显示在 map 上或 b) 提前为每个邮政编码预生成一个 kml 文件并在需要时检索文件(这会占用相当多的空间)。

关于javascript - 在 Google Map API 中设置邮政编码边界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11471497/

相关文章:

javascript - 无法读取 null 的属性 'offsetTop'

javascript - 如何更改谷歌地图 v3 中海的颜色

c# - 使用 Json.Net 解析 Google Maps Geocode API

javascript - 如何在不点击标记事件的情况下在谷歌地图中获取一些信息并将其显示在除 infoWindow 之外的 div 中

javascript - 在 Bitmovin 播放器中使用 angularjs/ngDialog 模式的问题

javascript - 图像不会隐藏在滚动 jQuery 上

javascript - 如何从 View 中调用组件中的方法? (vue.js 2)

java - 如何将 map 添加到选项卡式 Activity (Android)

javascript - 如何将 map 置于当前位置 html5 的中心

google-maps - Google Maps API 3 - 在 maps.google.com 上搜索 map