我们如何构建交互式公司地图

对于成长中的公司而言,办公室制图是一项重大挑战,而对于一家严肃的公司而言,这可能是一件令人头疼的事情。新移民迷失在巨大的办公空间中,找不到从会议室到工作场所的路,而老人们则面临着这样一个事实,即同事们已经搬到一个人都不知道的地方,所有这些都带来了组织问题。



IBS的制图已有很长时间了(至少自2010年以来),但是自那时以来,制图已经严重过时了。因此,我们最近通过使用Visio,Leaflet JS和我们自己的开发来创建解决方案来升级我们的办公卡。



这个话题已经在哈布雷(Habré)上提出了,但是已经很长时间了:几年前(2012年2013年),Positive Technologies也将创建公司名片的任务设定为自己。但是,它们的方法却相反:从在Excel中绘制Visio房间和数据到AutoCAD中完整的布局,然后依次导出为2D,2.5D,3D。



最初,我们使用AutoCAD,但是今天,我们进入Visio(作为初始计划准备的工具),并学会了使用该格式并将其功能和灵活性用于许多非标准制图任务。



谁对我们的棘手道路感兴趣-欢迎来到猫下。





长期以来,我们使用了一种自行编写的解决方案,其相关性在很长一段时间内都令人怀疑。实际上,它是具有按标签搜索功能的常规栅格。一名员工在AutoCAD中绘制了地板(不仅用于制图),该方案以png格式保存,标记被应用在Web应用程序中(即实际上是在两个地方绘制地图)。实际上,仅此而已。这种解决方案的缺点是什么?



  • . , . , , ;
  • - , ;
  • . PNG, .


: , , , . , , , .



. — , . ( , , , , etc.), : , — , … , , , — , .



, .





/



, :



  • — , ;
  • TEL — ;
  • -, -, - — .


. , (, , . PNG 150pt — ), .



, :



  • , . AutoCAD , :

    • , ;
    • ;
    • .


, , . ! , .



/



- . : , , «» , . — ArcGIS, ArchiCAD, -, . ( — ). CAD, , …



AutoCAD , : , , , .



Visio . , , , , - . , Visio- — -, - , . .



. Microsoft Visio Pro, -. . Leaflet, - (, ). , — , (, , open space .) .



Visio?







  • , , — , — , — .
  • : . , , , . - .
  • — , - . .
  • , .
  • , : . , , , .., , Visio .


Visio, ( ) SVG- (.. ), . , :



  1. Visio .
  2. -.
  3. svg-. , ; — .
  4. « ». .
  5. svg-, 3, .
  6. , 5, , tiles-.
  7. , .


, , . !









. . , , . , , , , — , .



, , , , — , . , .



, — . , , .. , , , . , — , , , . , , , — .



. — , , .



« », ( ). , .



— -. , , , , , . - , , , - . — .









, — , ; . - . ( ), , , , , .



Visio , -. . — id ( ) , ( , - ).



— . , , , , , , , .



. — , , , ( ) : , . , , , , - , . — , «» ( , ) — . , , ID-, . , , .



. «», : ID , , . .



-. WYSIWYG- , - , . , , , .. .



- . , , - , - .









, IT- . , .



, :



  • — , , . , ;
  • - — : , ..;
  • — « ».


. , . , : , . - , , .



, , . , , QR- , . , .



— . , , , . « » .



— , , , , . - , , , — !




All Articles