d3.geo.tile限制可缩放地图以使街景缩放比例缩小

时间:2018-03-15 13:06:16

标签: javascript d3.js openstreetmap d3.geo

我一直在关注zoomable map tilesthis example的D3实施,以创建某个城市的路径的街景地图。我已经加载了地图,但我一直遇到添加svg路径的问题,例如:

  • 大多数路径在某些计算的笔画宽度中消失(单独的SO here}
  • mouseover&放大时不再触发mouseout事件(可能由于笔划宽度也是如此)

如果路径要短路,即街道到街道,通常会发生这种情况。但是,当我创建一个从一个国家到另一个国家的路径时,它就有效。但是,这不是我需要的。

阅读周围,我认为问题在于放大到街景视图级别会为动态调整svg元素(例如4.47035e-08笔划宽度)设置太大的比例,因为视图从世界视图级别开始。有没有办法将初始视图限制为国家/城市级别,以便规模不会那么大?

还是有另一种方法可以达到这个目的吗?视口?视框?非常感谢任何帮助!

0 个答案:

没有答案