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