3

所以这里是这样的场景:我有一个 800kb 的 Adob​​e Illustrator 文件——它是一个商场的自上而下的图表,每个单独的商店都标有一些文字。显示平方英尺、可用性、数字的元数据。

我如何以互动的方式将其放到网络上?我可以简单地将 PDF 导出到网络,但这不是一个很好的体验。我希望能够放大并查看详细信息(这是一个大商场),也许可以单击发送电子邮件或有关单个空间的消息以进行查询。

如果是 4-8 年前,自然的答案当然是Macromedia Adob​​e Flash!但我们现在处于一个人们希望在手机上看到这些东西的时代。

是否有可能以一种相当有效的方式做到这一点?我尝试使用svgweb加载文件,但我的浏览器(任何浏览器)停止运行,我认为是因为文件的大小。

跨浏览器、可缩放和交互式地图的示例有哪些?

人们在该领域使用哪些工具或库取得了成功?感觉 GIS 工具在这里是值得的,但可能有点矫枉过正。

4

2 回答 2

2

如果您想采用类似于谷歌地图的平铺方法,请查看polymaps

如果您的 svg 很大,那么以某种方式拆分它可能是个好主意,无论是按细节级别/层,还是按图块。例如,细节级别可以通过CSS 媒体查询来完成,但请注意,这本身并不会使文件大小变小。然而,它应该对外观和感觉产生积极影响。

如果您想要一些应该在所有支持 svg 的浏览器中工作的简单缩放和平移控件,这里有一个示例

于 2011-04-10T10:40:37.803 回答
1

Adobe Illustrator 可以导出为 SVG,这可能值得探索。

另外,您是否考虑过将图像光栅化并将其切割成图块?你可以制作类似谷歌地图的东西。

于 2011-04-10T08:15:02.197 回答