d3.js - 使用geo.tiles和behavior.zoom,没有制图投影

时间:2015-08-15 10:33:36

标签: javascript d3.js svg

我有一个大的“地图”,有18级变焦。我在0级有一个瓦片,在17级有2 ^ 17 x 2 ^ 17个瓦片(瓦片是256x256像素)。并且可以通过/tiles/z/y/x架构访问它们。

这不是制图或真实地图,更像是一幅非常大的图像。我希望它比真实地图更像ZoomifyPanoJS。但我希望在17级添加额外的功能。

我尝试调整this代码,但我不知道如何配置不同的参数,d3.geo.tile的函数,或者我需要投影的原因(我没有球面坐标)。那个示例代码几乎为我做了工作,但我无法导航到17级或0级(应该只有一个磁贴)。

如何根据需要修复该示例?有没有一个例子可以用d3.js(可缩放的图像,没有地图)做我想做的事情?作为奖励:我如何扩展geo.tiles以在最后一级缩放时添加略微不同的行为?特别是我想在zoom > 17时为每个图块加载SVG图像。这些SVG也可以通过/tiles/17/y/x/svg访问。

0 个答案:

没有答案