随笔分类 -  three3D地图

three添加和移除对象
摘要：创建场景在第一章的地方就讲过怎么样创建一个最基本的场景，这里不重复了html:部分 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/three.js/9 阅读全文
posted @ 2019-01-18 18:46 本木木 阅读(2405) 评论(0) 推荐(0)
使用three.js开发3d地图初探
摘要：three是图形引擎，而web二维三维地图都是基于图形引擎的，所以拿three来开发需求简单的三维地图应用是没什么问题的。 1.坐标转换 实际地理坐标为经度、纬度、高度，而three.js使用的是右手坐标系x、y、z，本来考虑的是将经纬度坐标转换成墨卡托，再去和three的坐标系对应。而实际项目中， 阅读全文
posted @ 2019-01-18 18:39 本木木 阅读(3775) 评论(0) 推荐(0)
THREE.JS 场景世界坐标和平面二维坐标互转
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>场景世界坐标转</title> <style type="text/css"> html, body { margin: 0; height: 100%; } ca 阅读全文
posted @ 2019-01-18 16:03 本木木 阅读(2798) 评论(0) 推荐(0)
three3D地图设置两点之间的连线
摘要：点：可以用THREE.Vector3D来表示 现在来看看怎么定义个点，假设有一个点x=4，y=8，z=9。你可以这样定义它： var point1 = new THREE.Vecotr3(4,8,9); 另外你也可以使用set方法，代码如下： var point1 = new THREE.Vecto 阅读全文
posted @ 2018-10-12 10:59 本木木 阅读(1919) 评论(0) 推荐(0)
three3D地图
摘要：终于闲下来了，前段时间做了个项目，高精度精准定位系统，用到了three3D地图 听起来是不是很炫酷？其实并不难。先把部分代码附上（文件比较多，只粘贴部分的） $(function () { if (!Detector.webgl) Detector.addGetWebGLMessage(); var 阅读全文
posted @ 2018-08-02 15:55 本木木 阅读(729) 评论(0) 推荐(0)