Cesium 热力图

news2024/12/24 22:16:36

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.coloradmin.cn/o/615136.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

淘宝618每日一猜6月6日答案-甄嬛在横店哪里参加的选秀?

淘宝6月6日每日一猜答案是什么&#xff1f;&#xff0c;接下来也会给大家来介绍一下6月6日淘宝大赢家每日一猜的答案。 淘宝每日一猜6月6日答案分享 活动问题&#xff1a;甄嬛在横店哪里参加的选秀 活动答案&#xff1a;【交泰殿】 还有打开手机淘宝&#xff0c;搜索“能省就…

2.MySQL数据库基础

文章目录 &#x1f4e4;1. 数据库的操作&#x1f4e4;&#x1f431;1.1 查看(显示)当前的数据库&#x1f431;&#x1f436;1.2 创建数据库&#x1f436;&#x1f42d;1.3 使用(选中)数据库&#x1f42d;&#x1f439;1.4 删除数据库&#x1f439; ✉️2. 常用数据类型✉️&…

【电能质量扰动】基于ML和DWT的电能质量扰动分类方法研究(Matlab实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

团队管理之性能实施团队日志7

从具体技术问题看流程和管理的问题 今天上午9&#xff1a;38在微信群里看到团队内做脚本调试的同事小w和一个开发的对话。 是说发了一个报文&#xff0c;结果失败了。于是就问这个项目组A的开发小a&#xff0c;小a一看&#xff0c;这不是项目组B的错吗&#xff1f; 这时是10&a…

java4.5 掌握Spring Boot多环境配置

一、使用Profile文件进行多环境配置 &#xff08;一&#xff09;创建Spring Boot项目 &#xff08;二&#xff09;创建多环境配置文件 1、全局配置文件改名 2、模拟开发环境 在resources里创建配置文件 - application-dev.yaml 3、模拟测试环境 在resources里创建配置文件…

chatgpt赋能python:Python中的填充(Padding)

Python中的填充&#xff08;Padding&#xff09; 在Python编程中&#xff0c;填充&#xff08;Padding&#xff09;是一种常用的技术。填充通常用于将字符串、列表或其他类型的数据添加到另一个数据结构中&#xff0c;以达到特定的格式或长度。本文将介绍如何在Python中使用填…

leetcode652. 寻找重复的子树(java)

寻找重复的子树 leetcode652. 寻找重复的子树题目描述 解题思路代码演示二叉搜索树专题 leetcode652. 寻找重复的子树 来源&#xff1a;力扣&#xff08;LeetCode&#xff09; 链接&#xff1a;https://leetcode.cn/problems/find-duplicate-subtrees 题目描述 给你一棵二叉树的…

关于nginx使用中的bug

一&#xff1a; 报错&#xff1a;nginx: [emerg] WSASocketW() failed (10022: An invalid argumentwas supplied) 像使用WinSCP一样进行项目部署&#xff0c;把自己的电脑当做服务器放前端压缩包dist&#xff0c;让内网-局域网内所有人可访问前端页面 首先把nginx的文件夹放…

【5种灵活有效方式】如何从死机手机中恢复内部数据?

我的手机掉在地上&#xff0c;现在无法开机。我丢失了所有联系人、图片和重要文件。无奈之下&#xff0c;我需要恢复数据。但是如何从死机中恢复内部数据呢&#xff1f; 我们使用移动设备的最重要原因之一是打电话和发送消息。但有时&#xff0c;我们使用相同的设备来保存记忆…

【剑指offer专项突破版】数组篇——‘‘C‘‘

文章目录 前言一 . 排序数组中两个数字的和题目分析思路分析法①代码——双指针法②代码——二分查找 二. 数组中和为 0 的三个数题目分析问题转换代码 三. 和大于等于 target 的最短子数组题目分析思路分析代码 四. 乘积小于 K 的子数组题目分析思路分析代码 五. 和为 k 的子数…

如何用知识星球年入50万

使用知识星球年入50万的话&#xff0c;那么你的社群收费必须超过60万&#xff0c;因为星球会有20%的手续费。 年入50万并不是一笔小数目&#xff0c;那么一定少不了优质的内容以及引流渠道&#xff0c;这二者缺一不可。 优质的内容和引流的渠道都需要题主自己去把控&#xff…

阿里云OpenSearch重磅推出LLM问答式搜索产品,助力企业高效构建对话式搜索服务

阿里云OpenSearch重磅推出LLM智能问答版&#xff0c;面向行业搜索场景&#xff0c;提供企业专属问答搜索服务。 智能问答版基于内置的LLM大模型提供问答能力&#xff0c;一站式快速搭建问答搜索系统。 目前OpenSearch LLM智能问答版已开始邀测&#xff08;https://page.aliyu…

卡尔曼滤波与组合导航原理(六)信息Kalman滤波与信息融合

文章目录 一、信息滤波1、模型2、信息滤波公式改写3、IKF公式汇总4、KF与IKF的对偶关系 二、信息融合1、信息融合方法2、信息融合推导Kalman滤波 一、信息滤波 1、模型 函数模型 { X k Φ k / k − 1 X k − 1 Γ k − 1 W k − 1 Z k H k X k V k \left\{\begin{array}…

djangoo配置与运行

前言&#xff1a;相信看到这篇文章的小伙伴都或多或少有一些编程基础&#xff0c;懂得一些linux的基本命令了吧&#xff0c;本篇文章将带领大家服务器如何部署一个使用django框架开发的一个网站进行云服务器端的部署。 文章使用到的的工具 Python&#xff1a;一种编程语言&…

【UEFI】BIOS 阶段全局变量类型

BIOS的几个阶段需要不同阶段的数据传递&#xff0c;下面介绍4个全局变量。 1 固件存储介绍 本规范描述了应该如何在非易失性存储器中存储和访问文件。固件实现必须支持标准的PI固件卷和固件文件系统格式&#xff08;下文所述&#xff09;&#xff0c;但可能支持其他存储格式。…

【网页布局形式----浮动】

网页布局形式----浮动 css浮动&#xff1a;一、常见的三种网页布局形式&#xff1a;1.1 网页布局两大准则&#xff1a; 二 、浮动&#xff1a;2.1 浮动语法&#xff1a;2.2 浮动特性&#xff08;重难点&#xff09;&#xff1a;浮动元素通常与标准流的父级元素搭配使用&#xf…

Linux进程虚拟地址空间

文章目录 1. 进程地址空间1.1 存在1.2 初步了解1.2 虚拟地址空间的划分1.3 页表 2. 虚拟地址如何转化成物理地址2.1 二级页表2.2 总结 3. 写时拷贝3.1 原理3.2 解释为什么 pid_t ret fork() 中&#xff0c;ret 会有两个不同的值 4. 为何需要虚拟地址空间 1. 进程地址空间 1.1…

基于python的企业资产管理系统vue+django+flask

开发语言&#xff1a;Python 框架&#xff1a;django/flask Python版本&#xff1a;python3.7.7 数据库&#xff1a;mysql 数据库工具&#xff1a;Navicat 开发软件&#xff1a;PyCharm 文章介绍了企业资产管理系统的系统分析部分&#xff0c;包括可行性分析等&#xff0c;系…

基于SpringBoot的CRM客户管理销售团队管理系统(含源码+数据库)

1&#xff09;环境准备 JDK 1.8 以上 MySql 5.7 以上 Tomcat 7.0 以上 maven 3.5.0 Idea 2&#xff09;建立PowerTeam数据库 打开Mysql管理工具(推荐使用Navicat Premium) 执行db.sql脚本 可选操作执行demo_data.sql演示数据脚本 3)将项目导入Idea开发工具中 ​4&#xff09;修…

UE5使用Advanced-VR-Framework开发VR介绍

插件地址&#xff1a;https://www.unrealengine.com/marketplace/zh-CN/product/advanced-vr-framework 一、UE5开发VR的优势&#xff1a; UE5在三维的表现力上非常优秀&#xff1b;有基于Twinmotion等三维工具支持&#xff0c;制作流程上比较顺畅&#xff1b;UE5场景素材也非…