Cesium 热力图

news/2024/11/23 2:11:55/

var points = [];

      var width = 600;

      var height = 400;

      var max = 100;

      // 热力图经纬度范围

      var latMin = 28.364807;

      var latMax = 40.251095;

      var lonMin = 94.389228;

      var lonMax = 108.666357;

      // 根据热力图图片范围,生成随机热力点和强度值

      for (var i = 0; i < 300; i++) {

        var lon = lonMin + Math.random() * (lonMax - lonMin);

        var lat = latMin + Math.random() * (latMax - latMin);

        var value = Math.floor(Math.random() * max);

        var point = {

          x: Math.floor(((lat - latMin) / (latMax - latMin)) * width),

          y: Math.floor(((lon - lonMin) / (lonMax - lonMin)) * height),

          value: value,

        };

        points.push(point);

      }

      // 创建热力图

      var heatmapInstance = h337.create({

        container: document.querySelector(".div-heatmap"),

      });

      var data = {

        max: max,

        data: points,

      };

      heatmapInstance.setData(data);

      // 将热力图添加到球体上(生成的热力图canvas元素类名为heatmap-canvas)

      var canvas = document.getElementsByClassName("heatmap-canvas");

      // // 更换默认Ion的accesstoken,初始化Cesium

      // Cesium.Ion.defaultAccessToken =

      //   "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzZjhlMzE4MS1iNTU1LTRmMWYtYjQ5MC03Nzg1YzMwNTAwMWMiLCJpZCI6MTk0MzIsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1NzU1Mjc1NDV9.PTf_VP102asNYU199ovMqgITS_2KCHtEP54TXLe7y5I";

      // var viewer = new Cesium.Viewer("cesiumContainer", {

      //   animation: false,

      //   timeline: false,

      // });

      viewer.entities.add({

        name: "heatmap",

        rectangle: {

          coordinates: Cesium.Rectangle.fromDegrees(

            lonMin,

            latMin,

            lonMax,

            latMax

          ),

          material: new Cesium.ImageMaterialProperty({

            image: canvas[0],

            transparent: true,

          }),

        },

      });

      viewer.zoomTo(viewer.entities);

 


http://www.ppmy.cn/news/240024.html

相关文章

浅谈 ByteHouse Projection 优化实践

预聚合是 OLAP 系统中常用的一种优化手段&#xff0c;在通过在加载数据时就进行部分聚合计算&#xff0c;生成聚合后的中间表或视图&#xff0c;从而在查询时直接使用这些预先计算好的聚合结果&#xff0c;提高查询性能&#xff0c;实现这种预聚合方法大多都使用物化视图来实现…

Java教程【01.01】 对象和类

Java技术栈: 对象和类 什么是对象和类? 在Java中,对象是具有属性和行为的实体,而类是一组定义操作和属性的规范或蓝图。类包含数据成员(变量)和方法(函数),对象是类的实例化。 如何创建一个对象? 要创建一个对象,必须先定义一个类。下面是一个简单的Java类和对象…

proxmox7.4 安装后配置

关于proxmox7安装和配置的博文&#xff0c;倒是不少。可惜鱼龙混杂&#xff0c;踩了不少坑&#xff0c;如今实践成功后&#xff0c;做一分享。 proxmox7.4安装(与安装linux系统类似) 1.去官网https://proxmox.com/en/downloads 下载安装镜像&#xff0c;注意&#xff1a; 下…

自学编程的艰辛和乐趣

随着信息技术的快速发展&#xff0c;编程已经成为一个越来越重要的技能。那么&#xff0c;我们该如何入门编程呢&#xff1f;本文将分享自学编程需要注意的事项、编程初学者学习语言的建议、好的习惯、学习方法以及提高编程能力和资料分享。 一、自学编程需要注意什么&#xf…

手机模拟器安装Xposed框架

如何在手机模拟器上安装xposed呢&#xff1f; 工具准备&#xff1a; 1.手机模拟器&#xff08;以雷电模拟器为例子&#xff09; 2.FQ软件 3.xposedinstaller 安装过程&#xff1a; 1.下载一个豌豆荚&#xff08;别的应用市场也可以&#xff09; 2.搜索xposed框架 3.安装…

android 模拟器 电脑配置,手机安卓模拟器多开对电脑配置要求与占用浅谈

为大家分享一下模拟器多开对电脑配置硬件要求&#xff0c;现在就以我自己用的模拟器为模板来做参考 一、我测试用的配置性能情况(跑分只作参考&#xff0c;我每次跑的分数有时高有时低都不一样) 二、开模拟器对配置的要求与占用。 1、对硬盘容量我从只有一个增加到四十个原始镜…

手机数控模拟器安卓版_CNC模拟器2.5d中文手机版下载

CNC模拟器手机版是一款以机械领域的数控机床模拟为玩法打造的趣味游戏。现在我们可以通过这款游戏之中的各类多轴机床打造各样的机械零部件&#xff0c;让你通过游戏之中的模拟动画来了解各种模具或者机械零件的生产过程&#xff0c;对于每一个理科学生来说是非常值得下载的哦。…

新颖的手机软件,钢琴键盘模拟器APP

我知道年轻的小伙伴们都很喜欢使用手机软件APP&#xff0c;若是在手机里使用钢琴键盘模拟器练习弹奏乐曲的话也是非常新颖了。今天我就在这里和大家分享一下&#xff0c;钢琴键盘模拟器APP的使用方法。希望能够帮助到喜欢的朋友们。 点 击手机里的【钢琴键盘模拟器】图标进入可…