你将如何实施互动平面图/建筑图？ [英] How would you implement an interactive floorplan / building map?

问题描述

我需要为一个购物中心（或两个）建立一个交互式平面图。

许多购物中心网站已经有了这个（例如在英国的Bluewater）

传统上，建立这样的平面图/地图的方法是在Flash中完成。实际的平面布置图是Flash资产，描述哪个零售商位于每个位置的数据是以XML的形式从网络服务器获取的。这样编辑者可以更新零售商的位置，而无需编辑和重新编译SWF文件。然而，如果平面图本身改变（例如，较大的商店被分成两个较小的商店），那么地图必须被编辑。另一个缺点是数据不容易被第三方混搭等。

所以除了Flash，你会考虑用什么来达到同样的效果呢？我知道SVG，但IE不支持它。

我想知道Google会做什么？ Google地图或Google地球上有没有例子可以带您进入大楼？

更一般地说， 标准可用于表示什么内部平面图？

解决方案

至于SVG和IE，请参阅本文：今年SVG公开会议上展示的SVG在网络地图中的优势。在所有的浏览器，包括IE浏览器的演示工作正常。

通过XHR加载平面图数据，然后使用RaphaëlJS也可以适用于所有浏览器，应该很容易做一些像

通过前面的前面介绍的内容，快速浏览一下>快速浏览 SVG打开。

I need to build an "interactive floorplan" for a shopping centre (or two).

Many shopping centre websites already have this (eg Bluewater in the UK)

Traditionally, the way to build such a floorplan / map is to do it in Flash. The actual floorplan is a Flash asset and the data that describes which retailer is in each location is fetched from the webserver as XML. That way editors can update the location of retailers without having to edit and recompile the SWF file. However if the floorplan itself changes (for example, a larger shop is split into two smaller ones) then the map has to be edited. Another disadvantage is that the data isn't readily available to third parties for mashups etc.

So apart from Flash what would you consider using to achieve the same effect? I know of SVG but IE doesn't support it.

I was wondering "what would Google do?" Are there any examples on Google Maps or Google Earth that take you inside the building?

More generally, what are the open standards available for representing interior floorplans?

解决方案

As for SVG and IE, see this paper: The strengths of SVG in web mapping which was presented at this year's SVG Open conference. The demo works fine in all browsers including IE.

Loading floor plan data over XHR and then using RaphaëlJS would also be an option that works in all browsers, should be fairly easy to do something like this but using any other path data.

If that's not enough I'm sure you will find people having done SVG floorplans based on a quick look through the preceedings from previous SVG Opens.

这篇关于你将如何实施互动平面图/建筑图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！