cesium-infobox-title屏蔽

Cesium应用篇：3控件（3）SelectionIndicator& InfoBox

假设这样一个场景,用户在Cesium球上加载了一个GeoJson文件(DataSource),里面是全美国所有州的Geometry信息(Entity),叠加到球面后,你自然会有一种冲动,点击某一个州,了解这个州的基本信息.场景如下图所示: 这个点击行为,对应的是选择控件(SelectionIndicator),而呈现信息的载体,就是信息框控件(InfoBox). 如上是一个简单的逻辑关系,可见Viewer.SelectEntity属性起到了承上启下的作用.首先,Viewer模块负责UI的事件交互

cesium 基于天地图服务完成底图标注渲染加切换

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

cesium底图加载底图切换基于天地图服务

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

Cesium案例解析(四)——3DModels模型加载

目录 1. 概述 2. 代码 3. 解析 4. 参考 1. 概述 Cesium自带的3D Models示例,展示了如何加载glTF格式三维模型数据.glTF是为WebGL量身定制的数据格式,在网络环境下有自己的优点.可以在Cesium的源码包中找到一些该类型的数据. 2. 代码 HTML页面3DModels.html代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="

Cesium案例解析(二)——ImageryLayers影像图层

目录 1. 概述 2. 实例 2.1. ImageryLayers.html 2.2. ImageryLayers.js 2.2.1. 代码 2.2.2. 解析 3. 结果 1. 概述 Cesium支持加载影像图层,主要是各种地图服务.这里就通过Cesium实现添加影像地图和中文注记. 2. 实例 2.1. ImageryLayers.html HTML的代码比较简单,主要还是导入了组件cesium.js及其样式表widgets.css,两者都来自于cesium源代码:然后创建了一个名为cesi

cesium 检测视图改变的代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

Cesium案例解析(六)——3DTilesInspector监视器

目录 1. 概述 2. 案例 1. 概述 3D Tiles作为传输和渲染大规模3D地理空间数据的格式,应对的都是大规模数据的场景,Cesium提供了一个监视3D Tiles数据的监视器,可以通过这个监视器观察3D Tiles数据的效果. 2. 案例 HTML页面3DTilesInspector.html代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&

Cesium案例解析(五)——3DTilesPhotogrammetry摄影测量3DTiles数据

目录 1. 概述 2. 案例 3. 结果 1. 概述 3D Tiles是用于传输和渲染大规模3D地理空间数据的格式,例如摄影测量,3D建筑,BIM / CAD,实例化特征和点云等.与常规的模型文件格式相比,最大的特点就是包含了分层分户的瓦片,根据可视化需要呈现相应的细节,并且已经被纳入到OGC规范当中. 在Cesium的自带示例3D Tiles Photogrammetry中,展示的摄影测量3DTiles数据是通过Cesium Ion上托管的,只需要相应的编号就可以了.实际生产中的3DTiles

Cesium案例解析(三)——Camera相机

目录 1. 概述 2. 实例 2.1. Camera.html 2.2. Camera.js 2.2.1. 飞行至某一点 2.2.2. 飞行至某区域 2.2.3. 两地之间飞行 2.2.4. 设置视图到某一点 2.2.5. 设置视图到某区域 3. 其他 3.1. 事件及相应函数 3.2. setReferenceFrame 3.3. viewInICRF 4. 参考 1. 概述 Cesium的Camera案例,展示了其关于漫游器镜头的控制,能够调整视图的位置.这里改进了一下这个实例,使之能够展示

你想的到想不到的 javascript 应用小技巧方法

javascript 在前端应用体验小技巧继续积累. 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x

javascript小技巧

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.act

JS在window和document的应用

页面跳转: window.location.href('地址') window.open('地址', '_self') 打开新窗口: window.open('地址', '_blank') 只显示地址栏:window.open('地址', 'title', 'location=1, height=200, width=500') 只显示状态栏:window.open('地址', 'title', 'status=1') 只显示工具栏:window.open('地址', 'title', 'too

JS详解

事件源对象:event.srcElement.tagName event.srcElement.type 捕获/释放:event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键:event.keyCode, event.shiftKey, event.altKey, event.ctrlKey 事件返回值:event.returnValue 鼠标位置:event.x ,event.y 窗体活动元素:docum

JS技术大全

事件源对象:event.srcElement.tagName event.srcElement.type 捕获/释放:event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键:event.keyCode, event.shiftKey, event.altKey, event.ctrlKey 事件返回值:event.returnValue 鼠标位置:event.x ,event.y 窗体活动元素:docum

实用js代码大全

实用js代码大全 //过滤数字 <input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter=

javascript小技巧(非常全)

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.act

shinydashboard包---为shiny提供BI框架

1.安装 install.packages("shinydashboard") 2.基础知识仪表盘有三个部分:标题.侧边栏,身体.下面是最最小的仪表面板页面的UI: ## ui.R ## library(shinydashboard) dashboardPage( dashboardHeader(), dashboardSidebar(), dashboardBody()) 通过shinyApp()函数可以快速查看R控制台: ## app.R ## library(shiny) li

JavaScript高级应用(一)

1.尺寸 //各种尺寸 s += "\r\n网页可见区域宽(document.body.clientWidth):"+ document.body.clientWidth; s += "\r\n网页可见区域(document.body.clientHeight)高:"+ document.body.clientHeight; s += "\r\n网页可见区域高(document.body.offsetWeight):"+ document.bod

JavaScript事件大全3

//无模式的提示框 //屏蔽按键 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscri

PHP实现站点pv，uv统计（一）

具体步骤分为数据采集脚本,数据收取服务,数据分析脚本,数据存储服务采集脚本一般有两种形式,一种是简单的页面插入一个图片进行请求,一种是复杂的动态生成js标签,引入一段js(这时采集服务器会网往客户端写cookie),js采集浏览器数据与cookie,然后发送请求. 数据收取服务一般为web服务,可以是apache,nginx,或者swoole,这里主要看采集的压力,适当做负载均衡,可以爱脚本端做,也可以在服务端做,注意客户端ip的穿透. 脚本分析可以使用任何脚本,例如php,python. 数

js代码大全

超级实用且不花哨的js代码大全事件源对象event.srcElement.tagNameevent.srcElement.type 捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey 事件返回值event.returnValue 鼠标位置event.xevent.y 窗体活动元素documen

cesium-infobox-title屏蔽

热门专题