threejs加载geojson

JavaScript011

threejs加载geojson,第1张

1.GPS坐标WGS84 EPSG:4326 (单位:度分秒)

2.墨卡托投影(平面投影) EPSG:3857(单位:米)

(另百度、高德等对应的EPSG自行百度不做介绍)

可以采用proj4来进行经纬度的转换

1.根据经纬度的最大与最小值来计算偏差值

2.经纬度分别减去偏差值得出校准后坐标

3.也可借由相机位置来直接修正位置(不建议)

可由obj,mtl格式导入模型及材质,使用three-obj-mtl-loader库进行导入,导入完成后即和自行创建mesh一样(注意坐标轴对应关系)

threejs不支持直接方式输入中文字

1.可通过canvas来达到效果

2.通过new THREE.FontLoader()来载入json格式字体

(字体格式在线转换地址 https://gero3.github.io/facetype.js/ )

可借由tweenjs来实现动画效果

demo: https://github.com/Xyifeng/threejs-geomap

CircleGeometry

圆形

RingGeometry

环形

PlaneGeometry

矩形的几何体

ShapeGeometry

通过路径构建一个多边形=>自定义形状

BoxGeometry

长方体

TetrahedronGeometry

四面体

ConeGeometry

圆锥

CylinderGeometry

圆柱

DodecahedronGeometry

十二面体

IcosahedronGeometry

二十面体

OctahedronGeometry

八面体

SphereGeometry

球体

TorusGeometry

圆环几何

TubeGeometry

管状体

LatheGeometry

轴向对称:例如花瓶

PolyhedronGeometry

多面体 =顶点+面

注:将它们投射到球体上,然后将其分割到所需的细节水平

ParametricGeometry

通过函数构建几何体,参量体

TextGeometry

文字体

TorusKnotGeometry

创建圆环结,其特殊形状由一对互质整数p和q定义。如果p和q不是互质的,结果将是环面连接。

ExtrudeGeometry

伸出的几何体,该对象将2D形状挤出到3D几何体。

EdgesGeometry

获取几何体的边线

WireframeGeometry

作帮助对象来将几何 对象视为线框

你的模型声明地方是全局的吧,所以浏览器在不用的时候无法删掉,详细的清除内存和js里清除内存原理是一样的,毕竟three.js是js写的,关于js删除内存的详细,百度上别人的博客上有很多