创建基于Web的交互式等值线图的最佳和优化方法

时间:2013-04-05 19:55:19

标签: web d3.js openlayers gis leaflet

我打算为孟加拉国建立一个互动的Choropleth地图。该项目的目标是构建地图系统并填充不同类型的数据。我阅读了Openlayers,Leaflet和D3的文档。我需要一些建议才能找到正确的道路。解决方案必须足够优化。

我要创建的地图将类似于以下http://nasirkhan.github.io/bangladesh-gis/asset/base_files/bd_admin_3.html。它是基于传单js准备的。但是使用此库并不是强制性的。我尝试使用Leaflet,因为它易于使用,并在很短的时间内找到了预期的解决方案。

项目的要求是准备一个等值线图,我可以在其中显示相关数据。例如,我必须显示孟加拉国所有部门的人口。同时应该有一些选择,以便我可以显示识字率,男女比例等。

我现在正在解决的问题有一些问题。就像加载时间是巨大的,如果我想加载第二个数据集,那么我必须加载相同的巨大地理位置数据,我该如何优化或避免这种情况?

1 个答案:

答案 0 :(得分:0)

Leaflet具有图层控制功能。如果将数据减少到所需数量,则将其拆分为不同的层,并允许用户选择他们感兴趣的层,​​这可能会减少数据的加载。另一种选择是简化多边形的形状。