实时显示巨大的图像块

时间:2014-06-17 07:21:36

标签: javascript asp.net

我有一种类似...谷歌地图的设置。它与地图无关,但机制似乎相似。

我有一个~300MB的图像,客户端可以在浏览器中拖动图片中的不同部分。我只想加载用户正在查看的图像的特定部分,并卸载不在视图中的部分(以节省RAM)。

我想用15X15px的块来破坏图像并且每次都加载正确的块但是我似乎无法理解我应该使用哪种技术来实际执行此任务。

有什么建议吗?

2 个答案:

答案 0 :(得分:2)

谷歌地图将他们的图像(包括街景等)分解成更小的块。我见过很多人用谷歌地图技术创建自己的图像来制作自己的地图(例如,一个我记得的幻想世界/网页游戏)

也许,不是重新发明轮子,而是检查其他人的轮子,看看你是否可以使用相同的技术来创造你需要的东西。例如GTA:http://www.gta4.net/map/

这应该让你开始:https://developers.google.com/maps/

答案 1 :(得分:0)

谷歌地图api:https://developers.google.com/maps/似乎允许我需要的一切,但它是笨拙的,并限制我想做的事情类型。 这就像向后解决问题一样..弄清楚如何使用地图,隐藏地图图层......这是......做了大量工作。

有了这个,这似乎是最好的解决方案,直到我明白了这个: Panojs http://www.dimin.net/software/panojs/ 这似乎非常易于使用且非常灵活。

或Zoom.it基于SeaDragon,它也非常容易使用! http://www.zoom.it/

干杯