如何在网页展示3D立体图？

你说的这种功能，可以利用的3v模型在线展示功能，通过在线把模型轻量化转换，把生成链接嵌入网站或者网站添加iframe代码的方式实现。

基于产品三维模型上传在网站上展示3D立体图

基于模型这种方式需要企业有设计能力，由工程师使用SW、NX、catia、sinovation等三维软件制作三维模型

然后注册个账号，把模型在线转换，成功以后会生成一个链接地址；

复制这条链接地址，在网站的文本编辑器中，选择为文字或者添加超链接

超链接添加后点击保存，回到网站点击相应的文字或者就可以看到产品的三维立体图了

还有一种方法，就是通过在网站代码中加一个Iframe 模块，把链接地址放在src中，这种方法是一打开网站不用点击任何或文字就，模型直接展示

聚焦物联网领域的3D开发软件，3D效果的描绘对象包括建筑、实景和室内、设备，面向的用户大致分为（1）非3D专业设计师、（2）建筑设计师和（3）转3D开发的前端工程师，不同群体的需求层次不一样，而不同的群体，因为技术的侧重点有区别，大致会选择以下三大工具：

做这一行的都知道，选择工具需谨慎，因为会存在模型数据格式不统一的问题，所以一般要考虑格式转换，软件组合必不可少。

（1）3D效果爱好者

大部分非3D专业的设计师会倾向于使用通用3D软件，用于广告宣传或者地图导航，比如谷歌SketchUp，直接输出为谷歌地图，利用GPS追踪，足以满足车辆导航等可视化需求。

面向广告、地图类的三维建模方法，组合软件包括SketchUp+3DSMAX，不会开发也不用愁

（2）专业的建筑设计师

专业的建筑设计师对施工精度要求高，选用的是BIM建筑设计为主导的软件，例如Revit，这是一款专业的BIM设计软件，支持建筑外立面和室内设计。

对于专业建筑设计来说，3D效果只是一种表现形态，视不同的情况，有些设计师会使用SketchUp转lumion导出，仅作为演示效果而已，更多的是外包给效果图开发商制作。

组合软件包括AutoCAD+Revit+SketchUP，3D效果视不同情况而定。

（3）转3D的前端工程师

转3D开发的前端人，基本上身兼多能，具备审美能力、前端开发能力和3D效果设计能力！ 如果是技术爱好者，可以深入研究threejs开发技术，如果是项目开发团队，推荐使用ThingJS，一款基于webGL的3D封装库，把你从百行代码的绝望感中解放出来。

组合软件包括AutoCAD+CampusBuilder+CityBuilder+ThingJS可视化组件，支持40多种格式导入，包括3DSMAX精模。

Campusbuilder客户端界面如下图：

---