kepler.gl部署在线说明文档

kepler.gl部署在线说明文档_第1张图片

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

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

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

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

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

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

1.2 思维导图

kepler.gl部署在线说明文档_第2张图片

1.3 kepler.gl简单分类

kepler.gl部署在线说明文档_第3张图片

1.4 开发平台与运行环境

环境:

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

kepler.gl部署在线说明文档_第4张图片

kepler.gl部署在线说明文档_第5张图片

测试安装是否成功

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

kepler.gl部署在线说明文档_第6张图片

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

kepler.gl部署在线说明文档_第7张图片

开发工具: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命令(在环境配好的情况下)

kepler.gl部署在线说明文档_第8张图片

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

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

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

kepler.gl部署在线说明文档_第9张图片

修改:Mapbox-utils.js文件

kepler.gl部署在线说明文档_第10张图片

修改路径下的文件:request.js

kepler.gl部署在线说明文档_第11张图片

  1. 2.2 运行成功

运行成功如下图:

这里中文显示是我把开源项目上面下载下来的数据更改下了,全部更改成了中文kepler.gl部署在线说明文档_第12张图片

kepler.gl部署在线说明文档_第13张图片

3.运行示例

3.1.1纽约市出租车旅行

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

有97,986 行数据

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

kepler.gl部署在线说明文档_第14张图片

kepler.gl部署在线说明文档_第15张图片

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

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

有12,938 行数据

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

kepler.gl部署在线说明文档_第16张图片

kepler.gl部署在线说明文档_第17张图片

总结:

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

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

你可能感兴趣的:(reactjs,vue.js,js,node.js,html,前端,yarn)