制作等轴地图
An Isometric Map

An isometric map has no perspective warping. In isometric views, all lines on each axis are parallel to each other, and the lines do not converge.
等轴测图没有透视扭曲。 在等轴测视图中,每个轴上的所有线都彼此平行,并且不会收敛到一点。

Isometric drawings are commonly used in technical drawing to show an item in 3D on a 2D page. Isometric drawings, sometimes called isometric projections, are a good way of showing measurements and how components fit together.
等轴测图通常用于技术绘图中,在 2D 页面上以 3D 形式显示项目。 等轴测图(有时称为等轴测投影)是显示测量结果以及组件如何组合在一起的好方法。


Steps:
  1. Screenshot from Google Earth with low FOV (FOV 10). Trace in Illustrator, exported as SVG (use artboards, object ID = layer name, NO minify)
  2. SVG/HTML update with href links if needed
  3. JS coding:
    1. XMLHttpRequest render map svg
    2. function on site appearance toggle
    3. Utilize svg-pan-zoom library (simple pan/zoom solution for SVGs in HTML)