javascript - 将 2500 个 geoJSON 多边形渲染到传单 map 上

标签 javascript map openstreetmap leaflet

我一直在搜索,但似乎找不到解决方案。

我有一个大小为 170mb 的 GeoJSON 文件。它包含大约 2500 个多边形。我需要以某种方式将其呈现为传单 map 。显然,在那个尺寸下我没有机会。

呈现此数据的最简单方法是什么?我是否能够创建一个完全透明的 png,它可以简单地在世界地图上呈现。巨大的尺寸是由于多边形的复杂性和数量。在这一点上,我不需要它是交互式的。

谢谢, 布莱恩

最佳答案

最简单的方法是根据该数据创建您自己的 map 图 block 。有几种方法可以实现这一点,但我的建议是您使用 TileMill .它是免费的,而且非常易于使用。所以,基本上你会:

  • 使用 TileMill 并将您的 GeoJSON 文件指定为数据源

  • 在 TileMill 中使用类似 CSS 的特殊语言配置 map 的显示方式(如多边形的颜色)

  • 生成图 block

  • 在您的 Leaflet map 中加载一个引用您的文件的新 TileLayer

我实际上在前一段时间写了一个使用 .shp 而不是 GeoJson 的教程,但应该足够相似:

http://build-failed.blogspot.pt/2012/03/custom-map-tiles-part-2-tilemill.html

关于javascript - 将 2500 个 geoJSON 多边形渲染到传单 map 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17626198/

相关文章:

javascript - 如何在ajax javascript的foreach循环中通过日期时间转换数据的值。

map - 在 RavenDB Map/Reduces 中处理可为空字段的正确方法?

python - 从 python 构建交互式 map

安卓 4.1 : How to "implement user installable keymaps"?

java - 如何使用两个迭代器遍历 HashMap?

gis - 如何设置自己的地理编码服务器

android - 将 OpenSeaMap 集成到 Android 应用程序中

javascript - 使用新对象的 For/In 循环

javascript - 确定范围输入上 "thumb"的移动范围

.net - Javascript "function pageLoad()"与 UpdatePanel 不兼容