当前位置: 首页 > news >正文

企业如何做网站百度seo优化怎么做

企业如何做网站,百度seo优化怎么做,php与dw怎么做校园网站,如果做网站推广飞行漫游,就是让Camera飞行。Camera有一些方法可以实现位置、视角的调整,比如flyTo,setView方法。但这些方法并不能沿着我们想要的路径调整,在通过插值的方法不停的调用setView,但这样会造成视图卡顿,而且计…

        飞行漫游,就是让Camera飞行。Camera有一些方法可以实现位置、视角的调整,比如flyTo,setView方法。但这些方法并不能沿着我们想要的路径调整,在通过插值的方法不停的调用setView,但这样会造成视图卡顿,而且计算起来也很麻烦。所以我们最好是借助entity,通过跟踪运动中的entity就可以实现Camera的飞行了。官网示例

        刚开始的时候,以为官方会有类似于 viewer.trackedEntity = entity; 的方法来实现第一人称视角,结果找半天并没有发现。后来,想的是通过 viewer.camera.setView 和 viewer.camera.lookAtTransform 之类的方式实现,结果尝试很多次并没有成功。viewer.camera.lookAtTransform 也可以实现固定视角,但是没找到如何改变仰角,效果不太好,因此放弃。最后改变思路,尝试实时监听飞行状态,通过 viewer.camera.lookAt 动态修改视角,实现第一人称视角飞行。

        完成第一视角跟随之后,还需要取消跟随,按照常规来说,有绑定就应该有解绑。通过 onTickEvent = viewer.clock.onTick.addEventListener 绑定,作者认为是 viewer.clock.onTick.removeEventListener,结果发现直接调用一次方法也可以,这样更省事:onTickEvent() 。至此,第一视角跟随功能已可以完全实现!

设置路径

我们将我们直接修改官网的CZML文件,把没用的东西统统删掉。替换成自己的路径。

注意时间(interval)和时间快进倍数(multiplier)的关系
cartographicDegrees中,每一行的参数分别是时间点、经度、纬度、高程。
我设置了18个点,选择三分钟除以10倍,也就是18秒跑完一圈

隐藏路径,把width设为0
隐藏飞机,把billboard删掉

[{"id": "document","name": "CZML Path","version": "1.0","clock": {"interval": "2020-08-04T10:00:00Z/2020-08-04T10:03:00Z","currentTime": "2020-08-04T10:00:00Z","multiplier": 10}},{"id": "path","name": "path with GPS flight data","path": {"width": 0,"leadTime": 10,"trailTime": 1000,"resolution": 5},"position": {"epoch": "2020-08-04T10:00:00Z","cartographicDegrees": [0, 120.184679, 30.250211, 176,10, 120.184507, 30.252099, 173,20, 120.185151, 30.253816, 172,30, 120.185795, 30.254631, 170,40, 120.187125, 30.255704, 170,50, 120.189099, 30.255704, 167,60, 120.19176, 30.255103, 171,70, 120.194249, 30.254331, 165,80, 120.195236, 30.252442, 170,90, 120.195365, 30.250211, 154,100, 120.19455, 30.247808, 132,110, 120.192575, 30.24579, 127,120, 120.189614, 30.244761, 117,130, 120.187297, 30.244803, 113,140, 120.185795, 30.24549, 103,150, 120.183864, 30.247035, 103,160, 120.183907, 30.248795, 107,170, 120.183679, 30.249211, 176,180, 120.184679, 30.250211, 176]}}
]

飞行漫游

我把上面的czml保存成了json格式(它就是json!)并加载。
这里用到了插值,作用是在你拐弯的时候一样如丝般润滑

  viewer.dataSources.add(Cesium.CzmlDataSource.load('./path.json')).then((ds) => {flyEntity = ds.entities.getById('path')flyEntity.position.setInterpolationOptions({interpolationDegree: 5,interpolationAlgorithm: Cesium.LagrangePolynomialApproximation})viewer.trackedEntity = flyEntity})

 

调整视角
调整视角,是在viewer.scene.preUpdate.addEventListener(function () {})中完成的。在这个函数中,调用viewer.camera.lookAt()方法改变视角。

lookAt的第二个参数,可以是坐标向量,也可是角度对象。我这里是用了向量(Cartesian3对象)作为第二个参数。你也可以使用角度对象(HeadingPitchRange,可以参考 这位博主的博客)

我这里是让Camera每时每刻对准某一点,你可以在其中实现更复杂的操作

const target = new Cesium.Cartesian3.fromDegrees(120.189, 30.254, 300)function setRoamView() {if (flyEntity) {const center = flyEntity.position.getValue(viewer.clock.currentTime)if (center) {const vector = new Cesium.Cartesian3(target.x - center.x, target.y - center.y, 300)viewer.camera.lookAt(center, vector)}}
}
viewer.scene.preUpdate.addEventListener(setRoamView)

补充

用户可能会想到停止漫游,两步:

  1. 取消Camera跟踪,即 viewer.trackedEntity = null
  2. 取消事件绑定, viewer.scene.preUpdate.removeEventListener(setRoamView)

文章借鉴:博客地址:大洪、非科班Java出身GISer

http://www.rdtb.cn/news/17764.html

相关文章:

  • 纺织品公司网站建设seo综合查询站长工具怎么用
  • 阿里云ecs 做网站莆田seo
  • asp.net 如何设置网站首页日本今日新闻头条
  • php+ajax网站开发典型实例pdf如何发布自己的html网站
  • 广州做网站专业公司厦门网站的关键词自动排名
  • wordpress默认登陆地址修改优化游戏卡顿的软件
  • 个人网站 目的产品代理推广方案
  • 放网站的图片做多大分辨率网站页面怎么优化
  • 台州椒江网站建设公司线上营销培训
  • 网站风格包括什么意思黑科技引流软件是真的吗
  • 湖州网站建设策划网络销售公司怎么运作
  • 建网站要去备案公司网站建设代理
  • 北海做网站有哪家优化大师的使用方法
  • Wordpress网站删除多余主题石家庄seo扣费
  • 动态网站开发案例教程郑州seo博客
  • 网站抓取超时错误简单的seo
  • 做网站分几种百度浏览器网页
  • 坪山区住房和建设局网站百度电商推广
  • 做网站工单重庆网站建设推广
  • 网站制作机构seo赚钱培训课程
  • 网站开发不兼容ie8福州seo排名公司
  • 电信服务器做网站百度网盘资源搜索
  • 北京做网络工程公司的网站企业qq手机版
  • 合肥如何做百度的网站推广百度官网认证
  • 宝塔wordpress武汉seo群
  • seo中文意思是西安seo和网络推广
  • 衡阳市住房建设局网站网络优化app哪个好
  • 网站建设要用到的技术有哪些免费收录网站提交
  • 昆山住房和城乡建设局网站首页手机免费建站app
  • 制作网站的方法有哪些网络游戏推广平台