<!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, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

    <meta name="description" content="Fly to a specified location or view a geographic rectangle.">

    <meta name="cesium-sandcastle-labels" content="Showcases">

    <title>Cesium Demo</title>

    <script type="text/javascript" src="../Sandcastle-header.js"></script>

    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/require.js"></script>

    <script type="text/javascript">

    require.config({

        baseUrl : '../../../Source',

        waitSeconds : 60

    });

    </script>

</head>

<body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html">

<style>

    @import url(../templates/bucket.css);

    #viewChanged, #cameraChanged {

        display: none;

        background-color: red;

        color: white;

    }

</style>

<div id="cesiumContainer" class="fullSize"></div>

<div id="loadingOverlay"><h1>Loading...</h1></div>

<div id="toolbar">

    <div id="viewChanged">View Changed</div>

    <div id="cameraChanged">Camera Changed</div>

</div>

<script id="cesium_sandcastle_script">

function startup(Cesium) {

    'use strict';

//Sandcastle_Begin

var viewer = new Cesium.Viewer('cesiumContainer');

var widget = new Cesium.CesiumWidget('cesiumContainer');

var scene = viewer.scene;

var clock = viewer.clock;

var  timer;

function flyInACity() {

    Sandcastle.declare(flyInACity);

    var camera = scene.camera;

    camera.flyTo({

        destination : Cesium.Cartesian3.fromDegrees(-73.98580932617188, 40.74843406689482, 363.34038727246224),

        complete : function() {

            setTimeout(function() {

                camera.flyTo({

                    destination : Cesium.Cartesian3.fromDegrees(-73.98585975679403, 40.75759944127251, 186.50838555841779),

                    orientation : {

                        heading : Cesium.Math.toRadians(200.0),

                        pitch : Cesium.Math.toRadians(-50.0)

                    },

                    easingFunction : Cesium.EasingFunction.LINEAR_NONE

                });

            }, 1000);

        }

    });

}

Sandcastle.addToolbarMenu([{

    text : 'Fly in a city',

    onselect : function() {

        flyInACity();

        Sandcastle.highlight(flyInACity);

    }

}]);

    /**

     * activates viewchanged Event

     * This event will be fired many times when the camera position or direction is changing

     * @param {Boolean} active

     */

        var camera = scene.camera;

        var posX = camera.position.x;

        var posY = camera.position.y;

        var posZ = camera.position.z;

        var dirX = camera.direction.x;

        var dirY = camera.direction.y;

        var dirZ = camera.direction.z;

        // tolerance

        var posD = 3;

        var dirD = 0.001;

        var listenerFunc = function() {

            var currentCamera = scene.camera;

            var _posX = currentCamera.position.x;

            var _posY = currentCamera.position.y;

            var _posZ = currentCamera.position.z;

            var _dirX = currentCamera.direction.x;

            var _dirY = currentCamera.direction.y;

            var _dirZ = currentCamera.direction.z;

            if (Math.abs(posX - _posX) > posD ||

                Math.abs(posY - _posY) > posD ||

                Math.abs(posZ - _posZ) > posD ||

                Math.abs(dirX - _dirX) > dirD ||

                Math.abs(dirY - _dirY) > dirD ||

                Math.abs(dirZ - _dirZ) > dirD) {

                posX = _posX;

                posY = _posY;

                posZ = _posZ;

                dirX = _dirX;

                dirY = _dirY;

                dirZ = _dirZ;

                if (timer != null) {

                    clearTimeout(timer);

                }

                timer = setTimeout(function(){

                    console.log("Wake up Tiling Manager from sleep");

                    timer = null;

                }, 100 + 100*Math.random());

            }

        };

    widget.clock.onTick.addEventListener(listenerFunc);

//Sandcastle_End

    Sandcastle.finishedLoading();

}

if (typeof Cesium !== "undefined") {

    startup(Cesium);

} else if (typeof require === "function") {

    require(["Cesium"], startup);

}

</script>

</body>

</html>

cesium 检测视图改变的代码的更多相关文章

  1. Asp.net MVC 视图之公用代码

    一.公共模板 转自:http://www.cnblogs.com/kissdodog/archive/2013/01/07/2848881.html 1.@RenderBody() 在网站公用部分通过 ...

  2. asp.net ajax 检测用户名是否可用代码

    原文  asp.net ajax 检测用户名是否可用代码 .net ajax 检测用户名是否可用代码 <script type="text/网页特效" src="c ...

  3. iOS 11开发教程（十八）iOS11应用视图之使用代码添加按钮

    iOS 11开发教程(十八)iOS11应用视图之使用代码添加按钮 由于使用编辑界面添加视图的方式比较简单,所以不在介绍.这里,直接讲解代码中如何添加.使用代码为主视图添加一个按钮的方式和在1.3.3节 ...

  4. MVC 5 视图之公用代码

    一.公共模板 1.@RenderBody() 在网站公用部分通过一个占位符@RenderBody()来为网站独立部分预留一个位置.然后私有页面顶部通过@{Layout="公用模板路径&quo ...

  5. [转载]强制不使用“兼容性视图”的HTML代码

    在IE8浏览器以后版本,都有一个"兼容性视图",让不少新技术无法使用.那么如何禁止浏览器自动选择"兼容性视图",强制IE以最高级别的可用模式显示内容呢?下面就介 ...

  6. 强制不使用“兼容性视图”的HTML代码（转）

    在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用.那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码. X-UA-Comp ...

  7. 强制不使用“兼容性视图”的HTML代码

    转自:http://www.weste.net/2013/8-9/93109.html 在IE8浏览器以后版本,都有一个"兼容性视图",让不少新技术无法使用.那么如何禁止浏览器自动 ...

  8. Web前端开发最佳实践（10）：JavaScript代码不好读，不好维护？你需要改变写代码的习惯

    前言 这篇文章本应该在上一篇文章:使用更严格的JavaScript编码方式,提高代码质量之前发布,但当时觉得这篇文章太过基础,也就作罢.后来咨询了一些初级的开发者,他们觉得有必要把这篇文章也放上来.尽 ...

  9. 改变你代码习惯的ES6

    最近读阮一峰老师的ES6标准入门,让我感觉到了ES6的强大之处,读书之余整理了一些笔记,因为边读边记录的,所以可能会比较杂乱. ECMAScript和Javascript的关系 1996年11月,Ja ...

随机推荐

  1. Maven的具体使用和优点

    1.Apache软件基金会提供的项目自动化构建和项目管理软件. 基于项目对象模型(POM)概念,Maven利用一个中央信息片段能管理一个项目的构建.报告.文档等步骤. 官方网站:http://mave ...

  2. JSP的工作原理

    jsp的本质就是一个servlet,jsp在第一次被访问时会被Web容器翻译成servlet index.jsp -> index_jsp.java -> 编译成index_jsp.cla ...

  3. 第07组 Beta冲刺（5/5）

    队名:摇光 队长:杨明哲 组长博客:求戳 作业博客:求再戳 队长:杨明哲 过去两天完成了哪些任务 文字/口头描述:暂时没有. 展示GitHub当日代码/文档签入记录:(组内共用,已询问过助教小姐姐) ...

  4. 单点登录（SSO）工作原理

    单点登录(SSO)工作原理 一.单点登录的介绍 单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一.SSO的定义是在多个应用系统中,用户只需要登录一次 ...

  5. Python selenium PO By.XPATH定位元素报错

    Python selenium PO  By.XPATH定位元素报错 如下代码经常报错: # 首页的“新建投放计划”按钮 new_ads_plan = (By.XPATH, "//*[tex ...

  6. Buffon投针问题

  7. typescript - 3.函数

    (1)函数的定义 ## 函数声明法 // function run():string{ // return 'run'; // } //错误写法,返回类型错误 // function run():st ...

  8. notepad++删除某关键字所在的行内容

    例如,我要删除zhao这个字符串所在的行 打开notepad++的ctrl+f窗口 点击替换选项,在查找目标输入^.*bp.*$ 其中替换为那里留空,查找模式选择正则表达式,建议也勾选匹配大小写,同时 ...

  9. RAID磁盘阵列结构

    RAID磁盘阵列结构原理其实很简单,就是每块硬盘不插在主板的硬盘接口上了,而是全插在RAID卡上,然后RAID卡再插到主板上,由RAID卡统一管理硬盘,做各种RAID磁盘策略(RAID0,RAID1, ...

  10. 【VS开发】WaitForSingleObject 和 WaitForMultipleObjects函数 （让线程挂起等待事件）

    WaitForSingleObject 和 WaitForMultipleObjects:1.WaitForSingleObject  等待函数可使线程自愿进入等待状态,直到一个特定的内核对象变为已通 ...