构建SVG映射

时间:2017-03-23 17:23:19

标签: javascript svg svgpanzoom

首先关闭我不是在寻找已完成的代码。我对如何打破这个项目的想法很感兴趣。我确实有一个概念,但随着时间的推移,它变得非常复杂,重新渲染零件作为平移/缩放的主要地图。所以我希望有人可能会有一个不太复杂的聪明主意。

想象一下实际打印的城市地图。它有一个覆盖在城市特征上的区域网格,通常在顶部有一个字母字符--A,B,C,D等。并且沿着1,2,3号垂直编号......你明白了吗?

所以这是我的项目。当区域图例保留在地图视图的顶部和侧面时,地图本身应该缩放和平移。图例将根据地图的缩放级别进行缩放,但无论缩放级别如何,其文本都将保持固定大小。此外,传说将与地图一起平移,但仅在各自的轴上,保持在顶部和侧面。

我已经用网格开发了基本地图,但显然传说随着地图移动和缩放,所以它们有时会在边界上看不见。

0 个答案:

没有答案