Cesium 添加无人机和路径 一、创建服务器(看第一篇笔记)二、加载影像和地形数据(看视角篇)三、添加区域块 (区域块篇)四、加载KML五、添加路径和无人机路径的格式是czml格式,本质上也是json格式,通过格式化可以看到其中有两个对象,第一个对象中指定时间,第二个对象指定位置无人机的格式为gltf// 添加无人机路径和无人机// Load a drone flight path from a CZML f...
Cesium 加载KML数据,显示标签信息 一、创建服务器(看第一篇笔记)二、加载影像和地形数据(看视角篇)三、添加区域块 (区域块篇)四、加载KML数据格式是kml格式自定义KML数据和其显示的样式,我们要求在description属性中添加想要表示的信息 // 加载kml数据,更改description信息,多了黄色的标签里面包含的 var kmlOptions = { camera : viewer.scene.ca...
Cesium 加载区域块 一、创建服务器(看第一篇笔记)二、加载影像和地形数据(看视角篇)三、添加区域块区域块的数据格式是geojson格式区域块中的信息点击的默认样式会直接显示这个地方的经纬度,我们通过下一篇中的kml数据可以将信息自定义,也更加地完善。同时,这个添加的方式是异步的,我们还应该设置其中心点的海拔,以及文字内容,通过遍历实现//加载代码区块var geojsonOptions = {//贴地...
Cesium加载3dTiles 一、创建服务器(看第一篇笔记)二、加载建筑物在Cesium中建筑物信息的加载需要自己添加数据到Cesium ion中然后使用的,为了测试Cesime封装了几个数据,我们已纽约的一个岛为例。1、将视角定位在纽约上空// 坐标设置在纽约,这样会有默认的3dTiles数据var initialPosition = Cesium.Cartesian3.fromDegrees(-74.018813...
Cesium设置位置和视角 一、创建服务器(看第一篇笔记)二、设置视角在Cesium中是可以打开默认定标和视角的,跟谷歌地球一样,同时注意Cesium使用的坐标系是从地心坐标系,可以通过fromDegrees()将经纬度和高程转化Cesium坐标系。 viewer.camera.setView({ // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州 // fr...
Cesium加载地形 一、创建服务器(看第一篇笔记)二、加载地形图数据在Cesium中,地球影像数据跟地形数据是分开的,为了加载更快,Cesium默认加载的地形数据是非常模糊的,需要修改 //加载在线地形图数据 var worldTerrain = Cesium.createWorldTerrain({ // required for water effects requestWaterMask : tru...
Cesium加载自定义影像数据 一、创建服务器1、上面的方法用的是Express框架自己写的服务器,现在发现安装http-server可以直接通过简单指令创建服务器,我们可以先全局安装npm install http-server -g2、然后通过以下指令创建监听4400端口的服务器,http-server可以简写成hshttp-server -p 端口号(4400)二、加载数据1、因为有些数据不能直接访问,会被...
Cesium创建一个纯净的地球,并了解基本界面组件 一、建立依赖基于Cesium创建的网页,都依赖于源码中Build中两个基本的库,JS库和CSS库,所以需要在开头就要引入本地的两个文件。<script src="Build/Cesium/Cesium.js"></script><link href="Build/Cesium/Widgets/widgets.css" rel="stylesheet">...
H5C3动画实例,通过基于jQuery的fullpage插件完成 要点:1、素材是黑马程序员的,自己重写了下代码,主要是为了体会下h5c3。2、环境 : 3、主要是加入了pullpage的插件特有的功能帮助开发,其中基于jQuery开发的插件,其定义的方法一般都是通过$.fn.插件名.方法来调用的。在pullpage中可以使用jQuery所有的方法,同时能跟pullpageAPI联合使用。其进入页面,离开页面,和页面渲染事件发生之后,提供了...
开发工具总结 · sublime 3使用技巧(window系统下的) 一、注册方式点击这个地址sublime 3注册,不然用了几天就会天天弹出来广告 二、插件的安装卸载和更新: 安装: 1.先要安装Install Package,我的sublime自带的有,如果没有点击后面链接下载安装 链接 2.ctrt + alt...
jQuery使用ajax实例 要点: 1、在最新封装的jQuery中,如果ajax请求的页面有相同的部分直接省去了,只加载不一样部分。 2、jQuery封装有两种,前一种是直接封装顶层的使用,是这个实例中的,还有底层的封装,跟原生比差不太多。三个html代码:<!DOCTYPE html><html lang="en"><head> <...
Ajax的封装 要点:1、因为Ajax是异步请求,想要返回请求结果,必须要在异步操作完成之后,readyState = 4才能有结果,导致在内部返回值,不能返回到封装函数的外部只是返回出请求步骤内部而已,所以通过事件的委托完成,即获取到数据后,并执行传入的处理函数。2、因为主要的请求方式两种post和get他们的方式会有不同,所以对头文件是否声明和是否有query都要通过判断做出不同的操作。3、这个例...
在Ajax操作中使用模板字符串 要点:1、不管什么方式请求数据时,首先要确保服务端响应的数据格式要跟模板字符串使用的格式统一,一般都为JSON格式,在使用模板引擎的代码段中,不要写注释,因为可能会破坏模板引擎的解析规则。2、模板引擎在js中直接使用,需要引入官网的template-web.js文件,之后分三步: 一、将获取到的服务端的JSON格式的数据(如不是就转换格式),替换{{ $value.属性 }}...
Ajax发送POST请求 要点: 1.基本步骤跟上一个的get方式请求,不过post请求,请求头是包含了有用的信息的,所以需要在请求头上指定Content-Type解析请求体格式,get方式请求体信息是放在query中的,不太安全。 2.在请求体中不要有空格,实际文字和模板字符串之间,不能因为js代码习惯,破坏了请求体规定的格式,造成错误。php代码:<?php ...
Ajax发送GET请求 要点: 1.ajax主要体会异步思想,跟多线程的概念有些近似。原来的js执行是单线程的,也就是从上到下执行,不会等待,而ajax遇到是多线程的,不是按照代码从上到下顺序执行,是简单的代码先执行完,复杂的或者耗时长的最后执行完。所有在这个例子中,我们为list的多个li标签分别绑定事件需要在异步操作中执行,并且注意顺序。 2.ajax状态码信息共有5个,我们只关心...
通过node操作mongodb数据库,通过mongoose第三方模块简化操作。 要点:1.mongodb数据库是区别于myserver等使用sql语句操作的关系型数据库,它是非关系型的数据库,他更加灵活但是越灵活就越不能处理大型项目,就像js和java。2.基本的操作步骤如下: 一、通过cmd输入mongo回车启动数据库,默认操作的文件夹是执行启动语句所在磁盘的根目录下的 data/db文件夹,如果根目录下没有这个对应的文件夹,则会启动失败。 ...
node实现基于文件管理的增删改实例 要点: 1、初步体会node基于模块化的编程思想,在node中,模块之间的互不影响,模块与模块之间只有通过module.exports(node为了减少开发人员代码,默认添加一句 var exports = module.export)才能实现数据的共享。 2、自定义模块时,尽量做到一个模块处理一个功能,同时写的鲁棒性越强,越好。 3、最重要的:在函数进...
用Express重写前面的记事本 要点:1.express在这个案例之中,将路径的监听方法封装好了,通过平行的代码,简洁,逻辑直观。注意四种主要的方法 .use()监听公开的动态资源,前一个参数监听url,后一个参数指定对应路由的文件夹。 .engine()是在express中使用模板引擎,前一个参数通过某一后缀名,指定可以使用模板引擎的文件类型 .get() .post()分别监听get和post两种方式的...
node实现记事留言本服务器案例 要点:1. 直接使用url判断路径时,判断的部分一定是最后一位,如127.0.0.1:3000浏览器默认在3000后添加一个'/',下面判断的就是这个127.0.0.1:3000/yous就是判断的/yous,也就是url的路径,当后面有查询(?后面的),不可以直接判断url,需要使用url核心模块了。2.注意node中地址是网页的地址,通过服务端的处理将一些静态资源集中到public文件...