本文简述如何在three.js中展示已有的城市建筑面数据。一、城市建筑面数据格式这里的城市建筑面数据指的是底部为任意多边形，包含高度属性的面数据，这里我们使用的数据源为geojson格式的面数据。二、构建几何要素的顶点信息我们根据基础面数据和高度，构建底部面、侧面以及顶部面，并使用earcut将底面、侧面、顶面切成一个个绘制需要的三角形。三、侧面贴纹理为侧面指定纹理和纹理坐...

总用three.js做一些零散好玩的效果，却也没怎么把他们整合到一起，最近因一位网友需要，把室内地图导航走通了一下。这里主要在前端使用了有名的Dijkstra算法，关于此算法这里不再赘述，这里描述一下从路径数据准备到最佳路径输出的整个过程。在线体验地址1.节点数据准备节点是路径生成的基础，我们需要在建筑的基础上，拾取出场景中所有路径节点的坐标，作为基础数据并保存。节点数据示...

地球效果参考于earth20501.创建地球这里使用的是创建一个几何为SphereGeometry的网格mesh，再贴上地球经投影后的图片作为纹理。其中地心坐标为默认THREE.Vector3(0,0,0)。const geometry = new THREE.SphereGeometry(radius, 66,44);const material = new THREE.MeshBasi...

EM.model.Model 是一个用于加载和渲染 3D 模型的类，可以通过传入 URL 参数来加载不同的模型文件，并通过设置坐标、旋转和缩放等参数来放置到地图上。这是一组具有速度、颜色和坐标的无人机灯光秀模拟数据，上图的示例数据表示该无人机点位以0.5m/s的速度，位置由[2.6268,-30.9000,3.6048]变化到[0.6030,-30.9000,3.1729]，颜色由"#f00"变化

部分参考于：http://blog.csdn.net/longshengguoji/article/details/463503551、数据导入关于安装配置以及路网数据导入数据库，这里不再说明，这里我导入的表为newroad 注意：在导入的选项卡中，将编码设置为GBK，并勾选“生成简单的几何图形而不是多个几何图形”，确保导入的路网数据的类型为Geometry(LineS

最近接触pgrouting。把学习的结果记录下来一、pgrouting安装和配置需要根据系统版本、PostgreSQL版本、PostGIS版本来选择合适的pgrouting版本下载包以后解压缩，将lib目录下文件复制到PostgreSQL的lib目录下，再在PostgreSQL数据库中执行share/extension目录下的sql脚本，这样就完成了整个环境的配置配置完成后

最近大半年一直在做三维部分的工作，之前做三维楼层都是外部加载使用建模工具创建的模型，但是渲染不够灵活、无法绑定房间信息，所以决定来使用three.js来创建楼层布局。在线地址1.调整光源灯光有SpotLight、AmbientLight、DirectionalLight等、实际项目一般都是多个灯光组合的方式来创建光源。这里我使用的是Directiona...

公司做商城、消防、用电等项目，需要实现楼层和设备的可视化，以前都是使用其他建模工具创建的整体模型，再使用three.js的加载器加载到场景中，但是这样的加载存在缺陷，比如不能给模型的元素赋属性、不能单个点击元素、渲染单调等。所以本次参考了一些资料，不使用模型倒入，完全使用three.js搭建场景，代码有些粗燥勿怪。在线地址1.创建地板地板是一个类似盒子，有顶部有底部有...

公司要做智慧消防楼层可视化，需要用到web3d，开源的引擎中先研究了cesium三维地球，但cesium做楼层感觉是大材小用，而且体验也不好，最终选用的是功能强大、更适合小型场景的three。three是图形引擎，而web二维三维地图都是基于图形引擎的，所以拿three来开发需求简单的三维地图应用是没什么问题的。在线展示1.坐标转换实际地理坐标为经度、纬度、高度，而th...