前言 本文主要介绍Three.js的开发基础和基本原理，以及如何实现3D全景图。想在web端实现3D全景图的效果，除了全景图片、WebGL外，还需要处理很多细节。据我所知，目前国外3D全景图比较好的是KrPano，国内很多3D全景服务是在使用krpano的工具。 前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 Three.js 基于简化WebGL开发复杂度和降低入门难度的目的，mrdoob)在WebGL标准基础上封装了一个轻量级的JS 3D库—— Three.js。 在我看来，Three.js具有以下特点：

前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。如果一个顶点被多个三角形共享，共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和。N=N1+N2;所以如果不做任何处理，直接将3维物体的点传递给BufferGeometry，那么由于法向量被合成，经过片元着色器插值后，就会得到这个黑不溜秋的效果我的处理方式使顶点的法向量保持唯一，那么就需要在共享顶点处，拷贝一份顶点，并重

前端开发展示

探索城市和热门景点的卫星地图。虚拟旅行环绕地球。在扩展的弹出窗口上,你会发现热门景点的列表。当您单击此列表上的位置时,您将获得鸟瞰互动地图。鸟瞰图是从上面对物体的提升视图,其视角就像观看者是一只鸟。它看起来像一个城市的3D模型。您可以放大和缩小,旋转 90 度并四处移动。使用搜索框查找地球上的位置。单击"打开较大的地图"按钮时,地图将在外部网站上打开。我们创建了这个扩展,以规划您的下一个假期在流行的城市和地球上的地方。

echarts3D地图数据(含全国和省js以及全国、省、地市json), echarts3目前已经不支持下载地图数据，此附件中包含了js和json两种数据格式，以及调用示例。 js格式，直接调用简单直接，但是数据只有全国概览和各省的数据，也就是只能看到地市级城市的地图。 json格式在html中不能直接调用执行，需要通过应用服务器，所以提供了jsp示例。 json格式的数据，提供了全国概览以及各省、地市级城市的数据，也就是可以看到县级的地图了。

osgearth 3D地图

unity 3D地图编辑插件，通过import package导入就可以用了，创建地图，然后在从component->terrian->terrian toolkit

一个园区的obj模型,并附有部分纹理. 同时还有高德地图加载3dobj模型实例

基于地级市3d 地图上的3d柱形图 更换相关json就可以变成你想要的城市的统计图 demo 学习多天心血之作 一起学习

本资源仅实现了商场地图的3D交互如需思路可访问https://blog.csdn.net/qq_29099209/article/details/81624063，功能尚未实现，提供思路