关于编辑器:cesium热力图

36次阅读

共计 1600 个字符,预计需要花费 4 分钟才能阅读完成。

举荐:将 NSDT 场景编辑器 退出你的 3D 开发工具链
https://ted.sinoccdc.cn/

cesium 热力求很多敌人在问热力求怎么做,然而大部分一闭口就是问怎么做这么形象的问题(这种问题很不好答复,顶多他人只能答复一句用 heatmap 能够做,而这个问题轻易谷歌,bing 搜一下能够失去后果),而不是做的过程中遇到了什么具体的问题,这样不好;其实,有工夫还是实际一下比拟好,尝试过,碰到了具体问题再发问,这样在发问时,有晓得问题答案的敌人也就间接通知你了。ok,开始搜索引擎搜寻一下“cesium 热力求”你能够很轻松拿到一些信息:heatmap 能够做一些地址:cesium-heatmap 地址 https://www.npmjs.com/package/cesium-heatmap 源码地址 https://github.com/danwild/CesiumHeatmap 官网地址 https://www.patrick-wied.at/static/heatmapjs/ 一些成果,能够评估这个成果是不是你要的,官网鼠标挪动也能够预览成果然而个别这个时候对于怎么做还是很懵逼,那么,尝试一下吧:实际先下载源码网页的 readme 外面写了一个例子,那咱们的指标显示搭建例子环境先来创立一个空的 cesium-demo 页面,我这里基于之前的代码,创立 lesson13,不细说不是很想看阐明,二话不说,先把示例代码放到 index.html 中,引入相干的两个 js 到页面中,看看什么状况;这里运行时发现报错,说是不意识’define’,cesium 的源码组织走的是 requirejs 的路子(requirejs en cn), 找到谬误的中央,相熟的人一看就晓得可能改怎么改,不晓得的敌人能够看看 HeatmapImageryProvider.js 文件顶部的阐明,5 个步骤,4 个批改步骤,最初一个提醒做完这些操作就可用,这里我应用未压缩的打包版本 CesiumUnminified 来测试 a. 增加类,代码内容“define(‘Scene/HeatmapImageryProvider’,[“……”return HeatmapImageryProvider;});”整段,增加到 define 定义之后,Cesium 定义之前,cesium 外面 provider 有很多,如果你晓得一两个就更好了,HeatmapImageryProvider 和他们的角色类似,这里咱们能够搜寻 BingMapsImageryProvider,能够查找它,而后把定义代码放在它之后,这样,应该不会错 b. 增加‘./Scene/HeatmapImageryProvider’到 Cesium 另一的第一个参数 搜寻”define(‘Cesium’,[”将它加到 BingMapsImageryProvider 相似配置之后,c. 增加 Scene_HeatmapImageryProvider 到 Cesium 第二个参数,同上思路 d. 增加 Cesium[‘HeatmapImageryProvider’] = Scene_HeatmapImageryProvider; 到 cesium 外部, 搜寻”var Cesium = {“,增加 e. 移除 HeatmapImageryProvider.js 文件中的 heatmap.js v2.0.0 之前的内容(最初一段压缩过的代码就是 heatmap.js 的内容)f. 最初缩放一下 viewer.camera.setView({

destination: Cesium.Rectangle.fromDegrees(bounds.west,bounds.south,bounds.east,bounds.north)

});g. 刷新可看到成果

如果想将性能退出 cesium 的生产包,须要批改源码,批改办法相似,打包能够参考 cesium 编程中级 (二) 源码编译参考源码

正文完
 0