kepler.gl部署在线说明文档

news/2024/7/19 14:44:55 标签: reactjs, vue.js, js, node.js, html, 前端, yarn
htmledit_views">

1 概述

1.1 介绍

1、Kepler.gl 是一个强大的开源地理空间分析工具,用于大规模数据集的可视化。它由 Uber 的数据可视化团队开发,并且是基于 Web 技术构建的。Kepler.gl 涉及到以下几个主要技术领域:

WebGL: Kepler.gl 通过 WebGL 进行渲染,这是一种在不需要插件的情况下在网页浏览器中使用 GPU 加速图形的技术。

React: Kepler.gl 是用 React 构建的,这是一个用于构建用户界面的 JavaScript 库,特别适合构建大型应用程序,其中数据随时间变化。

Redux: 这是一个用于 JavaScript 应用程序状态管理的库。Kepler.gl 使用 Redux 来管理其应用程序状态,包括地图状态、数据和用户交互。

Mapbox GL JS: Kepler.gl 使用 Mapbox GL JS 来处理地图的底层渲染,这是一个基于 WebGL 的 JavaScript 库,用于渲染交互式地图。

deck.gl: deck.gl 是一个 WebGL-powered 数据可视化框架,专为探索和可视化数据而设计。Kepler.gl 使用 deck.gl 来创建复杂的地理空间可视化效果。

d3.html" title=js>js: d3.html" title=js>js 是一个 JavaScript 库,用于使用 HTML, SVG, 和 CSS 操作文档。Kepler.gl 可能会使用 d3.html" title=js>js 来执行某些数据处理任务或者绘制定制的图表和图形。

Node.html" title=js>js 和 npm: Kepler.gl 的开发环境可能涉及到 Node.html" title=js>js(一个基于 Chrome V8 引擎的 JavaScript 运行时),以及 npm(Node.html" title=js>js 的包管理器),用于管理项目依赖。

GeoJSON 和其他地理数据格式: Kepler.gl 支持多种地理数据格式,包括 GeoJSON,这是一种基于 JSON 的地理数据交换格式。

其他数据处理和分析库: Kepler.gl 为了处理和分析地理数据,可能会用到其他的 JavaScript 库和工具,比如 turf.html" title=js>js 等。

CSS 和 HTML: 用于定义 Kepler.gl 用户界面的样式和结构。

Kepler.gl 是一个集成了许多现代前端技术的项目,它能够处理大量的数据并将其以直观的方式呈现给用户。通过这些技术的结合,Kepler.gl 能够提供一个功能强大、响应迅速的地理数据分析平台。

1.2 思维导图

1.3 kepler.gl简单分类

1.4 开发平台与运行环境

环境:

python版本>=3.0、Cmd启动项环境变量、node版本>=16.0,yarn版本>=1.22.19,@vue cli版本5.0.8,react版本>=@8.0.15

测试安装是否成功

windows --> 运行 --> 输入cmd ,然后回车,弹出cmd程序,输入python,如果能进入交互环境 ,代表安装成功。

环境变量以下必备(缺一不可)

开发工具:Visual Studio Code,python,

游览器:Google Chrome、Win系统10以上自带的都可以

2 部署

2.1 开源下载地址

开源下载地址:github:https://github.com/keplergl/kepler.gl

                         Gitee:https://gitee.com/mirrors_keplergl/kepler.gl.git

尽量下载往后一点的旧的版本

下载下来之后用yarn 命令安装,npm install安装可能会遇到以下报错

这里可以运行npm install --force命令(在环境配好的情况下)

这个报错是因为没有安装python和配置python环境的问题

这里的报错提示是因为没有配置cmd.exe环境变量,配置环境变量后再运行

npm install --force运行完成之后就可以了 --force 表示冲突的版本依赖。(这是我目前我找到的解决办法)

修改:Mapbox-utils.html" title=js>js文件

修改路径下的文件:request.html" title=js>js

  1. 2.2 运行成功

运行成功如下图:

这里中文显示是我把开源项目上面下载下来的数据更改下了,全部更改成了中文

3.运行示例

3.1.1纽约市出租车旅行

这张图是运行:纽约市出租车旅行

有97,986 行数据

纽约市黄色和绿色出租车行程记录的一小部分样

3.1.2 2019 年9月3日世界上所有的航班飞行数据

这张图是世界上所有的航班

有12,938 行数据

OpenSky Network 于2019 年9月3日收集的两小时飞行数据

总结:

Kepler.gl 是由 Uber 开发的一个开源的地理信息可视化工具,它能够帮助用户在地图上直观地展示和分析大规模的地理数据。使用 Kepler.gl,你可以导入各种格式的地理数据,如 CSV、GeoJSON、Shapefile 等,并且能够对数据进行筛选、聚合和可视化。该工具提供了丰富的图层和图表选项,让用户可以灵活地定制地图的显示方式,包括散点图、轨迹线、热力图等。此外,Kepler.gl 还支持交互式的操作和动态的时间轴功能,使得用户可以更深入地了解地理数据背后的信息。

总之,Kepler.gl 是一个功能强大且易于使用的地理信息可视化工具,适用于各种领域的数据分析和展示需求。


http://www.niftyadmin.cn/n/5242249.html

相关文章

K8s 多租户方案的挑战与价值

在当今企业环境中,随着业务的快速增长和多样化,服务器和云资源的管理会越来越让人头疼。K8s 虽然很强大,但在处理多个部门或团队的业务部署需求时,如果缺乏有效的多租户支持,在效率和资源管理方面都会不尽如人意。 本…

c++新经典模板与泛型编程:引用类型的移除与增加

引用类型的移除 c11标准库中提供了一个std::remove_reference类模板&#xff0c;如果传递进来的模板参数是一个引用类型&#xff0c;则会把这个引用类型中的引用部分删除&#xff0c;先看一下用法&#xff1a; #include <iostream>template<class T1,class T2> vo…

TA-Lib学习研究笔记(九)——Pattern Recognition (0)

TA-Lib学习研究笔记&#xff08;九&#xff09;——Pattern Recognition &#xff08;0&#xff09; 1.Pattern Recognition Functions 形态识别 所有的形态函数&#xff0c;大部分可以在股票软件中找到&#xff0c;通过Python的talib实现形态识别&#xff0c;可以和股票软件…

C++ 预处理详解

目录 预处理符号 #define #define定义标识符 #define定义宏 #define的替换规则 #与## 带副作用的宏参数 宏和函数的对比 undef 命令行定义 条件编译 文件包含 头文件被包含的方式 本地文件包含 库文件包含 嵌套文件包含 预处理符号 __FILE__ //进行编译的源…

【STM32】小车

一、安装及基本技能 1.环境安装 MDK的下载与安装&#xff1a; 下载链接&#xff1a;Arm Keil | Keil STM32G0xx_DFP 【STM32】两个版本MDK搭建和三种调试器的使用-CSDN博客 安装完MDK后要导入MDK Keil中 导入下载的MDK【记得保存路径中不要有中文】 安装DFP包提示SVDConv …

服务器数据恢复—EMC存储raid5故障导致上层应用崩溃的数据恢复案例

服务器存储数据恢复环境&#xff1a; EMC某型号存储&#xff0c;8块组建一组raid5磁盘阵列。上层操作系统采用zfs文件系统。 服务器存储故障&分析&#xff1a; raid5阵列中有2块硬盘未知原因离线&#xff0c;raid5阵列崩溃&#xff0c;上层应用无法正常使用。 服务器数据恢…

java面试题-谈谈sql优化-mysql

远离八股文&#xff0c;面试大白话&#xff0c;通俗且易懂 看完后试着用自己的话复述出来。有问题请指出&#xff0c;有需要帮助理解的或者遇到的真实面试题不知道怎么总结的也请评论中写出来&#xff0c;大家一起解决。 java面试题汇总-目录-持续更新中 这是面试总结出来的几点…

Spring Boot 3.2项目中使用缓存Cache的正确姿势!!!

你是否曾想过为什么在 Spring Boot 应用中缓存是如此重要&#xff1f;答案在于它通过减少数据检索时间来提高性能。在本文中&#xff0c;我们将深入探讨缓存对微服务模式的影响&#xff0c;并探讨根据操作易用性、速度、可用性和可观测性等因素选择正确缓存的重要性。我们还将探…