<!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. centos硬件查询

    1.cpu个数: [root@localhost ~]# cat /proc/cpuinfo |grep "physical id"|sort|uniq|wc -lcpu核心数: ...

  2. 【算法编程 C++ python】单链表反序输出

    题目描述 输入一个链表,从尾到头打印链表每个节点的值.   以下方法仅仅实现了功能,未必最佳.在牛客网测试, C++:3ms 480k Python:23ms 5732k /** * struct L ...

  3. [C++] const和mutable关键字使用方法

    const 修饰的变量为常成员变量,表示此变量不能被修改赋值,并且构造函数中只能用初始化列表的方式初始化,其他初始化方式都是错误的 const 修饰的函数为常成员函数,表示此函数中只能读取成员变量,不 ...

  4. 单细胞ENS发育数据库

    iSyTE 2.0: a database for expression-based gene discovery in the eye - 眼睛发育 StemMapper: a curated ge ...

  5. Linux环境下查看历史操作命令及清除方法(history -c)

    在Linux环境中可以通过方向键的上下按键查看近期键入的命令.但这种方法只能一个一个的查看,其实系统提供了查看所有历史命令的方法. 在终端中输入以下命令查看所有命令: history [root@te ...

  6. openresty开发系列31--openresty执行流程

    openresty开发系列31--openresty执行流程 我们先看个例子 location /test {    set $a 32;    echo $a;    set $a 56;    e ...

  7. Red Hat Enterprise Linux ISO 全镜像下载

    1.iso网盘下载地址:https://wanghualang.pipipan.com/dir/13133650-26232498-a8efb3/ 2.中国大陆开源镜像站汇总,企业贡献: 搜狐开源镜像 ...

  8. WebGL学习笔记（三）：绘制一个三角形

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. spring boot集成mybatis分页插件

    mybatis的分页插件能省事,本章记录的是 spring boot整合mybatis分页插件. 1.引入依赖 <!-- 分页插件pagehelper --> <dependency ...

  10. [LeetCode] 295. Find Median from Data Stream 找出数据流的中位数

    Median is the middle value in an ordered integer list. If the size of the list is even, there is no ...