09 2019 档案

摘要:vue轮播,展示pdf 根据左侧图片格式,右侧展示相应的pdf文件与图片。(vue中不支持pdf格式,pdf文件要放在static文件里);代码如下: 1 <template> 2 <!-- 户图件展示 --> 3 <div id="houseImgBox"> 4 <!-- 左侧img图片 --> 阅读全文
posted @ 2019-09-25 19:20 web与webGL 阅读(734) 评论(0) 推荐(0) 编辑
摘要:cesium左侧列表定位目标 功能:根据左侧列表经纬度等信息的值,进行搜索定位。 列表: 1 点击清除按钮可以清空所有input的值 2 点击查找可以定位到位置,如果输入的值不在范围内,会有弹出框提示。 3 每个值,输入错误都有个弹出框,提示你。 记得在合适的位置调用这个locationClick( 阅读全文
posted @ 2019-09-21 09:50 web与webGL 阅读(1205) 评论(0) 推荐(0) 编辑
摘要:cesium默认全屏按钮自定义 1 隐藏默认的svg 2 修改它默认的按钮边框,背景 3 修改它点击时的样式 代码如下: 1 .cesium-viewer-fullscreenContainer { 2 position: absolute; 3 top: 100px; 4 right: 24px; 阅读全文
posted @ 2019-09-18 10:41 web与webGL 阅读(3154) 评论(0) 推荐(0) 编辑
摘要:vue事件修饰符(once:prev:stop) stop修饰符 效果如下: 当你鼠标在这个div里的时候,x与y的值;会随着鼠标的变化而变化。但是当鼠标放在stopMoving的时候,x与y的值是不会变化的;因为采用了阻止冒泡事件;或者也可以采用我注释了的那个方法。代码如下: 1 <templat 阅读全文
posted @ 2019-09-16 16:11 web与webGL 阅读(1362) 评论(0) 推荐(0) 编辑
摘要:vue实现轮播效果 效果如下:(不好意思,图有点大;) 功能:点击左侧图片,右侧出现相应的图片;同时左侧边框变颜色。 代码如下:(也可以直接下载文件) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>test 阅读全文
posted @ 2019-09-15 19:04 web与webGL 阅读(4789) 评论(0) 推荐(0) 编辑
摘要:Web Worker线程处理 1 浏览器把所有事件都通过操作系统安排到事件队列中(例如:你去一个·窗口买菜,需要排队);浏览器使用单线程处理队列中的事件和执行用户代码(也就是单线程;web workers除外)。 因此,浏览器每次只能处理这些任务中的一个,并且任意一个任务都能阻止其他任务的执行。 2 阅读全文
posted @ 2019-09-11 12:27 web与webGL 阅读(1417) 评论(1) 推荐(1) 编辑
摘要:vue入门例子 1、声明示渲染 {{message}} 2、绑定事件 v-bind 3、控制切换一个程序是否显示 v-if 4、渲染循环 v-for 5、点击事件 v-on 6、双向数据绑定 v-model 一、声明示渲染 {{message}} 例: 1 <template> 2 <div id= 阅读全文
posted @ 2019-09-10 17:41 web与webGL 阅读(1692) 评论(0) 推荐(0) 编辑
摘要:Vue环境搭建及第一个helloWorld 一、环境搭建 1、node.js环境安装配置 https://www.cnblogs.com/liuqiyun/p/8133904.html 或者 https://www.jianshu.com/p/13f45e24b1de 2、安装vue(命令在命令行输 阅读全文
posted @ 2019-09-09 20:44 web与webGL 阅读(1656) 评论(0) 推荐(0) 编辑
摘要:cesium清除选定事件 此处的案例不一定适合你的项目,但可以给你一个思路。清除选定,就是还原你选中之前的状态。比如你点击一个面高亮,面的颜色发生改变;并且会弹出一个divPoint框。此时的清除选定,你只需要把选中面的颜色复原以及把divPoint框隐藏就可以了。 代码如下: 学习群:854184 阅读全文
posted @ 2019-09-08 18:30 web与webGL 阅读(3577) 评论(0) 推荐(0) 编辑
摘要:cesium中divPoint展示数据 在用点击面获取位置信息的时候,会弹出一个divPoint框,用来展示这个面的属性信息;或者位置信息。 代码如下: // 创建div弹出框 createDIV (x, y, text) { var viewDivPoint = document.getEleme 阅读全文
posted @ 2019-09-08 11:33 web与webGL 阅读(2448) 评论(0) 推荐(0) 编辑
摘要:cesium安装及第一个示例 一、环境要求 二、浏览器要求 三、安装node.js 四、下载cesium包(地址为https://cesiumjs.org) 包括了 五、在你的项目里引入相关js与css 只需要在js中写下面这句话 六、在html页面写入这句话,然后nmp install npm s 阅读全文
posted @ 2019-09-08 11:02 web与webGL 阅读(4680) 评论(0) 推荐(0) 编辑
摘要:cesium页面小控件的隐藏 一、 创建一个Viewer var viewer = new Cesium.Viewer('cesiumContainer');//cesiumContainer为div中的id。 二、Viewer中会有下面这些内容 1 Geocoder:一种定位搜索工具,他可以让摄像 阅读全文
posted @ 2019-09-08 10:13 web与webGL 阅读(2379) 评论(0) 推荐(0) 编辑
摘要:cesium场景出图,打印图件 把3d渲染的页面进行截图,并可以下载到本地;代码如下: 1 function printscreenScene() { 2 var image = new Image();//创建img对象 3 viewer.render();//重新渲染界面 4 image = v 阅读全文
posted @ 2019-09-08 10:07 web与webGL 阅读(1877) 评论(1) 推荐(0) 编辑
摘要:cesium点击面高亮事件 主要功能:比如你加载了json、geojson或者topojson的数据。加载出来后,分为很多个面,现在要实现点击一个面,这个面变颜色;再点击另一个面,另一个面高亮,之前的面复原。(有不懂得,请加相关学习群:854184700) 下面上代码: 有疑惑,请加相关学习群:85 阅读全文
posted @ 2019-09-08 10:05 web与webGL 阅读(5761) 评论(0) 推荐(0) 编辑
摘要:cesium中json、topojson、geojson、stk,影像切片等数据的加载 一、geojson、topojson,json数据的加载 不管是哪种json,都可以通过GeoJsonDataSource去加载;方式是一样的。 例: 1 var viewer = new Cesium.View 阅读全文
posted @ 2019-09-07 18:25 web与webGL 阅读(2740) 评论(5) 推荐(0) 编辑

点击右上角即可分享
微信分享提示