2018年04月_Ants-double

11月 10月 07月 06月 04月 02月 01月

原创 python 开一个简单的http服务失败- No module named simplehttpserver

No module named simplehttpserver今天准备开一个简单的服务，因为有夸域问题准备开一个服务，确发现失败了后来查了资料发现python3改为下面的命令了python -m simplehttpserver...

2018-04-07 21:05:38 39389 4

原创 webGL3D基础知识

webGL3D基础知识3D坐标系webGL坐标系统，x沿水平方向从左到右，y垂直向上，z指向屏幕向外这些都是正方向canvas坐标系统，z，x一样，但是y是向下的。浏览器坐标系，x，是向左、y是向下的。tip: 鼠标点击的是浏览器的坐标系统，要先转换为Canvas的坐标系统，也就是0点是不一致的。然后就是webGL的坐标要进行归一化。同时把原点切换到Canvas的中心。网格，...

2018-04-07 12:09:07 1222

原创 cesium入门（八）

cesium入门（八）交互我们可以通过三种方式来通过鼠标和cesium交互 scene.pick 通过窗口坐标来取一个对象scene.drillPick取一个对象列表Globe.pick 根据光线和地形取一个对象 // If the mouse is over a point of interest, change the entity billboard scale ...

2018-04-06 09:44:51 2264

原创 cesium入门（七）

cesium入门（七）可视空间数据3D贴图支持开源的几种模型还有CAD，BIM，点云，相机模型这几种模型的交互。有时候模型可能有偏差，这时我们可以自己修改每个点的模型值，最好是传入一个转换矩阵这样的会就会进行一次全新的变换 / Adjust the tileset height so its not floating above terrainvar heightOffse...

2018-04-06 09:21:04 1504

原创 cesium入门（六）

加载和设置实体样式支持两种数据格式KML和CZML、GeoJson,但不论什么格式最后都会转化为Entity这就是Cesium的一个数据对象可以被根据时间和空间展示在Cesium上。如下面这个实体数据对象的例子var viewer = new Cesium.Viewer('cesiumContainer');var blueBox = viewer.entities.add({...

2018-04-06 08:07:41 3657 1

原创 Cesium入门（五）

Cesium入门（五）配置场景// Enable lighting based on sun/moon positions//使用太阳光也就是我们平时的光白天亮晚上黑viewer.scene.globe.enableLighting = true;类型解析Cartesian3 一个3D笛卡尔坐标 - 当它用作一个位置时，以米为单位.地球中心是圆点Cartogr...

2018-04-05 22:31:11 6154

原创 Cesium入门（四）

Cesium 入门（四）说明Cesium 支持流和高度可视的地形和河流（湖海什么都可以的），并且Cesium做了大量的封装可以直接通过API使用。代码解析// // Load Cesium World Terrain viewer.terrainProvider = Cesium.createWorldTerrain({ //水的支持 r...

2018-04-05 21:51:49 4791 7

原创 Cesium 入门（三）

Cesium 入门（三）代码解析-图层 // // Remove default base layer viewer.imageryLayers.remove(viewer.imageryLayers.get(0)); // // // Add Sentinel-2 imagery viewer.imageryLayers.addImag...

2018-04-05 20:36:36 2880

原创 Cesium入门（二）

Cesium入门（二）代码讲解取消注释 var viewer = new Cesium.Viewer('cesiumContainer');刷新页面，我们这里默认以后的操作都是取消注释后刷新页面，并且保证服务的窗口不能关闭，如果你说你想关了那个窗口，是可以的。但是不是我们这里讲的重点可以自行查找。鼠标操作说明左键：将相机定位到地球表面右键：放大缩小相机中间...

2018-04-05 12:33:21 1244

翻译 cesium 入门（一）

cesium 入门（一）搭建环境检测是否支持WebGL可以打开检测WebGL 安装node.js 从这里下载代码然后npm install 和npm start就可以打开这个链接就可以看到效果图了。文件夹功能解析Source 应用的源码ThirdParty 扩展库，现在只有CesiumLICENSE.md 条款文件index.html 主页ser...

2018-04-05 12:07:23 1248

原创 plotly.js 绘制热度图 (二）

plotly.js 绘制热度图 (二）上文我们讲了基本的热度图是如何绘制的，现在我们主要讲热度图的差值与色标卡的相关操作我们先看效果图数据与上文一样。绘制html代码与前门相同，我们这里主要说js的更改var data = [ { z: [[1, 20, 30], [20, 1, 60], [30, 60, 1]], colo...

2018-04-05 11:04:12 1655 1