11

I'm looking for large-scale world maps that I can shade by country. Google Charts has an API for this but it only allows you to generate a small map (440x220 px). Does anyone know of a way to generate such maps with an open-source library?

4

8 回答 8

6

我在一个提供类似于问题中描述的功能的库上工作。它被称为 jVectorMap。这是一个 jQuery 插件，它允许在现代浏览器中使用 SVG 和 IE 6-8 中的 VML 将世界地图组件放置在网页上。您可以通过多种方式对其进行自定义，改变地图的外观和行为。不幸的是，文档还没有准备好。您可以在这里查看示例和代码http://jvectormap.owl-hollow.net/。

于 2011-05-04T17:01:04.377 回答
3

与此同时，谷歌发布了Geochart Maps，这是对 geomap 的更新。它创建 SVG 地图，您可以将它们制作成您想要的任何大小，无论是否具有纵横比。我开发了一个插件来使用这个 API 为 wordpress 构建地图。查看http://cmoreira.net/interactive-world-maps-demo/

于 2012-09-13T10:41:50.463 回答
2

使用 Wikipedia SVG 地图，您可以通过简单地使用 CSS 来“遮蔽”国家/地区。

可以在此处找到使用此类地图（SVG、CSS、HTML、JS）的一些示例。这将导出一个完整的地图，或者只是可以应用于地图的本地副本的样式表。我建议使用Opera以获得最佳观看体验，但它应该适用于所有支持 SVG 的浏览器。

于 2009-08-14T09:26:46.227 回答
2

这些天来，我建议使用Polymaps或d3。前者是一个成熟的“slippy maps”库，可与 SVG 一起使用。后者是一个与 SVG 一起工作的可视化库，并且具有越来越多的地理特征。如果您不需要平移、缩放和其他“滑动”功能，请尝试 d3，例如以下示例： http: //mbostock.github.com/d3/ex/choropleth.html

于 2011-11-30T18:00:44.577 回答
1

来自 Google Visualization API的Geomap可以根据需要调整大小；但是，它使用 Flash 而不是 SVG。

于 2009-08-13T18:11:27.633 回答
0

作为它的作者，我推荐http://www.makeclickablemap.com用于基于 SVG 的映射。它有越来越多的国家和一个易于使用的漂亮界面来编辑您的地图，您可以使用 iframe 将其嵌入到任何地方。

于 2013-11-12T06:25:04.340 回答
0

Wikipedia 有很多SVG Maps，但它不是一个库。

于 2009-08-13T19:03:50.173 回答
0

检查 amMap：http ://www.ammap.com - 我们拥有世界上大多数国家的 SVG 地图以及用于使这些地图具有交互性、可缩放性等的 API。

免责声明 - 我是 amMap 的作者。

于 2013-10-10T05:34:23.273 回答