<!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. git之fatal: Could not read from remote repository

    问题背景:在git bash中使用hexo g -d命令进行文章发布 详细错误信息: fatal: Could not read from remote repository. Please make ...

  2. shell中$(( ))、$( )、``与${ }的区别

    转 :shell $(( )).$( ).``与${ }的区别 $( )与` `(反引号)命令替换 在bash中,$( )与` `(反引号)都是用来作命令替换的.命令替换与变量替换差不多,都是用来重组 ...

  3. Tomcat的安装以及环境变量的配置

    目录 下载 解压并配置环境变量 测试 关闭服务 Tomcat启动时,控制台和IDEA控制台中文乱码解决方案 下载 官方网址:Apache Tomcat® https://tomcat.apache.o ...

  4. Spring MVC JSON乱码问题

    之前项目中也遇到过返回JSON时乱码问题,当时找到了一个方法解决了问题但是没有明白原因,今天这个项目又遇到了JSON乱码问题,用之前的方法不行,看了这篇博文才明白为什么 @RequestMapping ...

  5. idea在docker环境，调试spring boot程序

    允许docker被远程访问 见:https://www.cnblogs.com/wintersoft/p/10921396.html 教程见:https://spring.io/guides/gs/s ...

  6. vue-admin-template 切换回中文

    使用vue-admin-template开发项目,使用的是element-ui的控件,但这个框架走的是国际化,是英文版,好吧!快速切换为中文版: 找到main.js 第七行: 替换为: import ...

  7. Linux虚拟内存的作用

    要深入了解linux内存运行机制,需要知道下面提到的几个方面:首先,Linux系统会不时的进行页面交换操作,以保持尽可能多的空闲物理内存,即使并没有什么事情需要内存,Linux也会交换出暂时不用的内存 ...

  8. Pytest单元测试框架-测试用例运行规则

    1.Pytest测试用例运行规则 在pytest单元测试框架下面执行用例,需要满足以下几个特点: 1. 文件名以test_*.py开头或者*_test.py 2. 测试类.测试函数以test开头 3. ...

  9. [LeetCode] 188. Best Time to Buy and Sell Stock IV 买卖股票的最佳时间 IV

    Say you have an array for which the ith element is the price of a given stock on day i. Design an al ...

  10. logrotate 切割日志

    在工作中需要切割日志我们项目中选择的系统自带的logrotate,如需要其他需求需要自己在百度一下或者参考: https://www.cnblogs.com/kevingrace/p/6307298. ...