OpenLayers 3 - Zoomify - Tiles - 入门

时间:2014-10-28 11:19:13

标签: javascript openlayers-3 zoomify

我是OpenLayers的新手,想要从Google Maps API切换。

现在我想弄清楚如何将大图像放入OpenLayers,就像我使用Google Maps API一样: https://developers.google.com/maps/documentation/javascript/examples/maptype-image

我猜OpenLayers的依赖性是Zoomify,对吧? http://openlayers.org/en/v3.0.0/examples/zoomify.html

现在我在Zoomify上找不到任何好的方法或入门。

  • 我是否应该知道OpenLayers和Zoomify的一个很好的介绍?
  • 如何将图片切片成瓷砖?
  • 我可以像为谷歌地图一样命名瓷砖吗?
  • 我下载了OL3,但示例无效。我需要编译一些东西吗?

2 个答案:

答案 0 :(得分:1)

  • 我是否应该知道OpenLayers和Zoomify的一个很好的介绍?

OpenLayers 3 QuickstartOpenLayers 3 workshop

  • 如何将图片切片成瓷砖?

是的,使用PHP,Python和Ruby有各种可能性。有关PHP和Python链接的信息,请参阅this blog post和此GitHub repo上的Ruby。

  • 我可以像为谷歌地图一样命名瓷砖吗?

不,Google地图使用特定的图块分割,而Zoomify不使用相同的图块。

  • 我下载了OL3,但示例无效。我需要编译一些东西吗?

不,只需转到https://github.com/openlayers/ol3/releases/tag/v3.0.0。在底部,单击v3.0.0.zip下载链接,解压缩。将目录放在任何Web服务器上并打开examples目录,您将看到所有演示工作。

答案 1 :(得分:1)

您可以使用视频生成Zoomify平铺金字塔。我们a post on the vips blog解释了如何使用该工具。例如:

vips dzsave myhugefile.tif output_directory --layout zoomify

将在 output_directory 目录中创建切片金字塔。

vips金字塔创建者非常快,可以使用一点点内存来构建任何大小的金字塔。