Ajax交互式地图

-1

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

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

谢谢你的帮助。

来源

2012-10-10 Stergios

谷歌地图已经这样做，因此它是可能的。 –

就这么你知道。如果你刚刚开始编程，你可能会咬牙切齿。我一直在编码多年，永远不会认为我可以做这样的项目。 – thatidiotguy

joao cunha在他的回答下的评论将成为你最好的出发点。 – Tony

Google Maps API提供您所追求的功能。你可能想仔细看一下Overlay和Layers类，它为你提供了地图上的绘图功能（比如覆盖区域的poligon）。

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

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

创建覆盖指定区域的多边形;
在该国家放置可点击标记以显示任何其他相关信息。

祝你好运:)

来源

2012-10-10 18:33:34

关于你的第一点，创建一个多边形，你知道有多少点来定义一个国家的边界？您还需要考虑地图缩放的时间。 – Tony

你是对的，因为我不知道他究竟能如何找到所有这些要点 - 以及它们是否可以找到。但是，识别位置非常简单，如下所示：http://gmaps-samples-v3.googlecode.com/svn/trunk/country_explorer/country_explorer.html –

该示例将是一个很好的起点。 +1 – Tony

我会建议使用谷歌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-11 16:26:49 CMoreira

Ajax交互式地图

回答

相关问题