摘要: 环境 windows server 2008 IIS 7 说明 为解决IIS发布资源前端调用报错跨域问题 解决方案 1. 点击发布网站,在右侧"功能视图"中,找到"HTTP 响应标头",双击进入 2. 点击页面右侧"添加" 3. 分别添加如下键值对 阅读全文
posted @ 2020-05-21 11:22 苍龙de链 阅读(1551) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js 说明 给地球贴图片材质时,发现报错图片跨域了。 解决方案 方案一 1. 网上找到方法修改threejs.module.js文件中的ImageLoader.prototype 参考原文地址:https://blog.csdn.net/qq_4 阅读全文
posted @ 2020-05-21 10:56 苍龙de链 阅读(1710) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 说明 z在地球上添加了各种功能(参加其他博文),我在添加的时候都创建了一个group,把所有的对象添加到group里,这样一方面减小了浏览器压力,另一方面方便组织数据,方便删除。后面迭代考虑定向删除(比如只 阅读全文
posted @ 2020-05-21 10:05 苍龙de链 阅读(2565) 评论(0) 推荐(1) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 说明 为满足地球在构造完成以后,需要调整配置(如转速、大小等),其实方法很简单,只要改完参数,重新render渲染即可。地球在创造的时候会不断的执行渲染(因为有自转功能),所以只需更改参数值即可。 解决方案 阅读全文
posted @ 2020-05-21 09:49 苍龙de链 阅读(524) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js heatmap.min.js 说明 地球上添加热力图的原理是先生成平面的热力图,绘制在canvas上,再将canvas作为材质贴到地球球体上。可以实现色带配置,以及辐射范围。 解决方案 1. 创建球的过程参 阅读全文
posted @ 2020-05-21 09:47 苍龙de链 阅读(2159) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 说明 网上地球高亮和辉光的效果很多,这里用GLSL做(没学明白,网上东拼西凑拿来用了)。还有尝试过用Render渲染,但是render生成的canvas会覆盖整个浏览器窗口,把背景遮盖住。 解决方案 1. 阅读全文
posted @ 2020-05-21 09:45 苍龙de链 阅读(1065) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 说明 添加标注的原理是利用在场景中添加canvas实现,要标注的文字绘制在canvas中。 解决方案 1. 创建球的过程参见"ThreeJS制作地球" 2. 创建点group,考虑后面会做删除功能,所以把所 阅读全文
posted @ 2020-05-21 09:42 苍龙de链 阅读(4442) 评论(1) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 说明 撒点功能原理是在地球上根据坐标批量加上圆对象,可以设置颜色和球大小。 解决方案 1. 创建球的过程参见"ThreeJS制作地球" 2. 创建点group,考虑后面会做删除功能,所以把所有的实体都以gr 阅读全文
posted @ 2020-05-21 09:41 苍龙de链 阅读(964) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 说明 柱状图功能原理是在地球上加上圆柱对象,颜色和高度分别代表分类和值大小。 解决方案 1. 创建球的过程参见"ThreeJS制作地球" 2. 创建柱子group,考虑后面会做删除功能,所以把所有的实体都以 阅读全文
posted @ 2020-05-21 09:40 苍龙de链 阅读(892) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js THREE.MeshLine.js 说明 迁徙图参考了网上大大们的方法做的,但是效果不太理想,迁徙飞行效果原理是生成50个小球循环飞,数据量一大有点卡,需要优化。 解决方案 1. 创建球的过程参见"Thre 阅读全文
posted @ 2020-05-21 09:38 苍龙de链 阅读(1458) 评论(0) 推荐(0) 编辑
摘要: 环境 ThreeJS 107版本 three.min.js OrbitControls.js 深空背景图片 大小4036 1808 地球贴图 大小2048 1024 边幅以东西经180度为界限 说明 原本我们GIS使用的是cesiumJS开发的三维,但如果仅仅作为前端,大屏展示三维地球效果,cesi 阅读全文
posted @ 2020-05-21 09:35 苍龙de链 阅读(2768) 评论(0) 推荐(0) 编辑