我正在为一个副项目提出一个想法,并正在寻找关于在技术方面走向哪个方向的建议。我已经做了一些研究,但对于现实的选择是什么仍然相当困惑。
我想制作基于虚构世界(想想中土世界)的交互式 map ,包括时间线过滤器和详细信息部分,以获取有关事件或位置的更多信息。
所需功能:
左侧 map 右侧的详细信息 Pane 底部的时间线 slider /过滤器领土
政治派别颜色在详细信息 Pane 中显示详细信息 标签 城市标签 跨栏:获取干净的 map 图像以使用 将图像映射为中间格式(svg、geojson、topojson?)网页展示 map 、风格 map 、添加动画等 技术 SVG
我很确定我可以使用事件和边界在 SVG 中编写所有这些代码。我已经能够使用 GIMP 从图像创建 SVG 路径,因此将 map 转换为 SVG 文件似乎是合理的。 这样做的问题是,当似乎已经有很多框架用于这种事情时,我最终会以艰苦的方式完成所有工作。 绘图仪
La Bella Italia是一个很好的例子,可以作为一个很好的起点。我喜欢贸易路线动画和带有发光滤镜的边框样式。 这里的好处是我知道我可以制作一个 svg map ,这就是启动和运行所需的一切。 我的问题是,Kartograph 似乎不像 D3.js 那样丰富的平台。我不确定我是否可以将一些 D3 的东西与 kartograph 事件联系起来。如果可以,那可能是解决方案。 D3.js
sliders, animations (悬停和选择),并且 topojson 似乎是完美的。但我在这里遇到的主要问题是将我的图像转换为 GeoJson 格式。据我所知,这些格式严格用于真实世界地图,使用经度/纬度。 所以你有它!我希望有一些关于如何将我的 map 图像转换为 topojson 的好消息,以便我可以享受 D3.js 的好处。如果没有,我想我可以尝试 kartograph 并将事件与 D3 控件联系起来。
想法?
我目前正在写我的硕士论文,我的主题和你这些天一样。我调用我的项目Arda Maps .如果有技术问题,请随时问我。
我在我的项目中使用以下框架/工具:
QGIS jQuery D3.js GeoJSON/TopoJSON 时间滑翔机