<!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. Ubuntu 16.04与Win10双系统双硬盘安装图解

    一.先做准备工作.建议:在当前系统所在的硬盘上,留一片空的主分区安装Ubuntu系统. 2.划分多大的空间够?安装的过程中需要涉及到分区,为了以免日后重装,我的建议是如下分区:1).5G,主分区,空间 ...

  2. ContextLoadListener & DispatcherServlet 加载顺序以及加载过程

    org.springframework.web.context.ContextLoaderListener 1org.springframework.web.servlet.DispatcherSer ...

  3. Python3基础 list(dict) 使用 * 扩充时，出现字典元素重复问题

             Python : 3.7.3          OS : Ubuntu 18.04.2 LTS         IDE : pycharm-community-2019.1.3    ...

  4. Tensorflow问题

    TypeError: 'urban' has type str, but expected one of: bytes 在前面添加"b"(例如,b'urban'),或者处理为var ...

  5. python自动化测试之连接几组测试包实例

    python自动化测试之连接几组测试包实例 本文实例讲述了python自动化测试之连接几组测试包的方法,分享给大家供大家参考.具体方法如下: 具体代码如下:     class RomanNumera ...

  6. css几个优先级测试和!important

    css样式不加!important情况下的有默认优先级 ,用!important提高优先级,最常见的css样式选择器的优先级测试.之前博文里也用到了提升优先级的方法: 测试结果:加了!importan ...

  7. 【python基础】python开启GPU加速

    前言 训练时使用GPU可以加速程序运行,本文介绍如何使用GPU加速. 前提条件 1. 机子有GPU显卡,并安装GPU显卡驱动: 2. 安装GPU的使用环境,CUDA等: 3. 打开nvidia-smi ...

  8. vue强制刷新组件 ----组件重置到初始状态

    把一个组件重置到初始状态是一个常见的需求,推荐的做法有两种,一种是父组件重置子组件的 prop,另一种是子组件暴露一个重置的方法供父组件调用.但有些时候,子组件既没有提供重置的方法,也没提供 prop ...

  9. java面试 （六）

    1 String.split(String regex), 传入的参数是正则表达式,有一些特殊字符(比如.[]()\| 等)需要转义. 2  关于枚举类型,一般用作常量,理想情况下,枚举中的属性字段是 ...

  10. Dubbo版本升级

    一.背景 早期内部使用的是当当网fork的Dubbox,由于现在Dubbo又开始重新维护,而且阿里将其捐献给了Apache,并成为了Apache的顶级项目.因此dubbo版本升级到2.7.1势在必行. ...