将.ai或.svg文件放在Web上,不使用Flash

时间:2011-04-10 07:08:24

标签: javascript map svg vector-graphics adobe-illustrator

所以这就是场景:我有一个800kb的Adobe Illustrator文件 - 它是商场的自上而下的图表,每个商店都标有一些文字。元数据显示平方英尺,可用性,数字。

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

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

是否可以以合理良好的方式执行此操作?我尝试使用svgweb加载文件,但我的浏览器(任何浏览器)都停止了,我认为是因为文件的大小。

什么是跨浏览器,可缩放和交互式的地图示例?

人们在这方面取得了哪些成功的工具或图书馆?感觉GIS工具在这里是值得的,但可能有点矫枉过正。

2 个答案:

答案 0 :(得分:2)

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

如果你的svg很大,那么以某种方式拆分它可能是一个好主意,无论是通过细节层次/层次,还是通过瓦片。例如,可以使用CSS media-queries来完成详细程度,但请注意,这本身并不会使文件大小化。然而,它应该对外观和外观产生积极影响。感觉。

如果你想要一些简单的缩放和平移控件,它应该适用于所有支持svg的浏览器here's an example

答案 1 :(得分:1)

Adob​​e Illustrator可以导出到SVG,这可能值得探索。

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