-1

我是这个论坛的新手，也是 jquery 和 ajax 的新手。所以，我正在尝试创建一个交互式地图。然而，在地图旁边会有一个表格（例如带有复选框）。比如说，我们有一张欧洲地图和一个带有选项的表格，例如“有海”或“有英语作为主要语言”或“有超过 [用户定义的值] 公民”等等。当用户选择一个选项时，将对数据库进行查询，查找所有满足所选标准的国家。然后，这些国家/地区会在地图上突出显示，并且可以点击，而其他国家/地区则不能。我希望在不重新加载页面的情况下发生这种情况，所以我必须使用 ajax，也许还可以使用带有 SVG 地图的 jquery。那正确吗？还有其他解决方案吗？

问题是，互联网上有什么可以修改的吗？我用谷歌搜索了它，但没有发现任何非常相似的东西。正如我所说，我在 ajax 和 jquery 方面的经验很少，所以我不能从头开始。

谢谢您的帮助。

4

2 回答 2

1

我建议改用Google Geochart API。我认为它在视觉上看起来会更好，并且更容易突出国家。如果您的数据库构建良好，那么动态构建交互式地图并不难。我已经使用 geochart API 构建了一个 wp 插件，并且在后端我有一个大表单，因此用户可以输入数据，并且每次他更改字段时，地图的预览都会即时更改。因此，与您想要做的非常相似。在此处查看 api：https ://developers.google.com/chart/interactive/docs/gallery/geochart

而且，所以你知道我能用它做什么： http ://cmoreira.net/interactive-world-maps-demo/administration-screenshots/

希望能帮助到你！干杯

于 2012-10-11T16:26:49.747 回答
1

Google Maps API提供您所追求的功能。您可能需要仔细查看 Overlay 和 Layers 类，它们为您提供在地图上的某种绘图功能（例如覆盖一个区域的 poligon）。

此外，您需要将所有数据放在一个单独的位置，因为 Google Maps API 根本不提供任何数据。

我不同意@thatidiotguy，因为这看起来并不难。

  1. 创建一个覆盖指定区域的多边形；
  2. 在该国家/地区放置一个可点击的标记以显示任何其他相关信息。

祝你好运 ：）

于 2012-10-10T18:33:34.100 回答