Kelper.js 笔记 python交互

1 加载Kepler 地图

KeplerGl()

1.1 主要参数

height

可选 默认值:400

地图显示的高度

data

数据集

字典,键是数据集的名称

config地图配置字典

1.2 举例

from keplergl import KeplerGlmap_=KeplerGl()
map_

默认的位置 

1.3 添加自己的图

1.3.1 读取数据

数据集笔记:OpenCelliD(手机基站开放数据库)_UQI-LIUWJ的博客-CSDN博客

import pandas as pd
celltable=pd.read_csv('OpenCellID_SG.csv',header=None,names=['radio','mcc','net','area','cell','unit','lon','lat','range','samples','changeable1','created1','updated','AveSignal'])
celltable

1.3.2 生成交互图

map_=KeplerGl(height=500,data={'celltable':celltable})
map_

 2 添加别的数据

.add_data()

2.1 主要参数

dataCSV、GeoJSON 或 DataFrame
name数据条目的名称

2.2 举例

cell2=pd.read_csv('celltable.csv')
cell2

 

map_.add_data(data=cell2,name='Data2')
map_

3 保存和加载配置

3.1 保存配置

#2.2的map
map_.config
{'version': 'v1','config': {'visState': {'filters': [],'layers': [],'interactionConfig': {'tooltip': {'fieldsToShow': {},'compareMode': False,'compareType': 'absolute','enabled': True},'brush': {'size': 0.5, 'enabled': False},'geocoder': {'enabled': False},'coordinate': {'enabled': False}},'layerBlending': 'additive','splitMaps': [],'animationConfig': {'currentTime': None, 'speed': 1}},'mapState': {'bearing': 0,'dragRotate': False,'latitude': 1.2723803733955992,'longitude': 103.84866046448744,'pitch': 0,'zoom': 12.54617265474927,'isSplit': False},'mapStyle': {'styleType': 'dark','topLayerGroups': {},'visibleLayerGroups': {'label': True,'road': True,'border': False,'building': True,'water': True,'land': True,'3d building': False},'threeDBuildingColor': [9.665468314072013,17.18305478057247,31.1442867897876],'mapStyles': {}}}}

 3.2 加载配置

config = {'version': 'v1','config': {'mapState': {'latitude': 37.76209132041332,'longitude': -122.42590232651203,'zoom': 12.32053899007826}...}
},
map_1.add_data(data=celltable, name='data_1')
map_1.config = config

加载地图的时候直接加载配置 

map_1 = KeplerGl(height=400, data={'data_1': my_df}, config=config)

3.3配置匹配原则

所有图层、过滤器和工具提示都与特定数据集相关联。因此,地图中的数据和配置必须能够相互匹配。数据集的名称被分配给:

  • layer.configdataId
  • 过滤器的 dataId
  • interactionConfig.tooltip.fieldToShow 中的键。

3.4 保存html

.save_to_html()

  • data(可选):一个数据字典 {"name": data},如果未提供,将使用当前地图数据
  • config(可选):地图配置字典,如果未提供,将使用当前地图配置
  • file_name(可选):html 文件名,默认为 keplergl_map.html
  • read_only(可选):如果 read_only 为 True,隐藏侧面面板以禁用地图自定义

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/101964.shtml

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

相关文章

ElementPlus Switch 开关基础使用

昨天开发用到开关组件 后台返回字段是 can_write 默认是0 or 1 但是Switch 组件绑定的默认值默认是 true or false 直接绑定会导致默认是关闭状态 在页面一加载 值发生变化时 会自己调用 查了文档 需要使用 active-value 和 inactive-value 来指定绑定的数据类型 …

23种经典设计模式:单例模式篇(C++)

前言: 博主将从此篇单例模式开始逐一分享23种经典设计模式,并结合C为大家展示实际应用。内容将持续更新,希望大家持续关注与支持。 什么是单例模式? 单例模式是设计模式的一种(属于创建型模式 (Creational Pa…

RK3588平台产测之ArmSoM-W3 DDR带宽监控

1. 简介 专栏总目录 ArmSoM团队在产品量产之前都会对产品做几次专业化的功能测试以及性能压力测试,以此来保证产品的质量以及稳定性 优秀的产品都要进行多次全方位的功能测试以及性能压力测试才能够经得起市场的检验 2. 环境介绍 硬件环境: ArmSoM-W…

stm32(二十)IAP升级优化(双缓存,可恢复)

这次主要对STM32F103/Keil和LPC2478/IAR加了一个IAP在线升级功能, 主要记录一下自己的思路,无代码,实在是代码感觉没啥写的,都是一些网上很多流传的东西。 1、开发环境 Keilstm32f103JLINK 2、程序思路 在升级中,必…

JS 图片的左右切换

图片的左右切换 <div class"slider"><img src"image1.jpg" alt"Image 1"><img src"image2.jpg" alt"Image 2"><img src"image3.jpg" alt"Image 3"> </div> <button …

网页游戏的开发流程

网页游戏的开发流程可以根据项目的规模和复杂性而有所不同&#xff0c;但通常包括以下一般步骤&#xff0c;希望对大家有所帮助。北京木奇移动技术有限公司&#xff0c;专业的软件外包开发公司&#xff0c;欢迎交流合作。 1.需求分析&#xff1a; 确定游戏的概念、目标受众和核…

手写 分页

子组件&#xff1a;TimePage.vue 效果图 <template><div class"click-scroll-X"><!-- 上 --><!-- eslint-disable-next-line --><span class"left_btn" :disabled"pageNo 1" click"leftSlide"><&…

PanoFlow:学习360°用于周围时间理解的光流

1.摘要&#xff1a; 光流估计是自动驾驶和机器人系统中的一项基本任务&#xff0c;它能够在时间上解释交通场景。自动驾驶汽车显然受益于360提供的超宽视野&#xff08;FoV&#xff09;◦ 全景传感器。 然而&#xff0c;由于全景相机独特的成像过程&#xff0c;为针孔图像设计…

python输出奇数:如何使用Python输出奇数?

Python输出奇数的方法有很多种&#xff0c;下面给出一种使用for循环的实现方式&#xff1a;上述代码的输出结果为&#xff1a; Python输出奇数的方法有很多种&#xff0c;下面给出一种使用for循环的实现方式&#xff1a; # 定义一个变量n&#xff0c;表示要输出的奇数的最大值…

NSIC2050JBT3G 车规级120V 50mA ±15% 用于LED照明的线性恒流调节器(CCR) 增强汽车安全

随着汽车行业的巨大变革&#xff0c;高品质的汽车氛围灯效、仪表盘等LED指示灯效已成为汽车内饰设计中不可或缺的元素。深力科安森美LED驱动芯片系列赋能智能座舱灯效充满艺术感和科技感——NSIC2050JBT3G LED驱动芯片&#xff0c;实现对每路LED亮度和颜色进行细腻控制&#xf…

SLAM从入门到精通(launch文件学习)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 大家应该还记得我们在一开始学习ros的时候&#xff0c;如果需要启动一个节点的话&#xff0c;需要首先打开roscore&#xff0c;接着用rosrun打开对…

shiro550复现环境搭建

前言 Shiro反序列化漏洞指的是Apache Shiro安全框架中的一个潜在漏洞&#xff0c;该漏洞可能导致攻击者能够通过精心构造的恶意序列化对象来执行任意代码或进行拒绝服务&#xff08;DoS&#xff09;攻击。 这种漏洞的根源是在Shiro的RememberMe功能中&#xff0c;当用户选择“…

C# 实体类转换的两种方式

以下提供两种方式&#xff0c;一种是序列化&#xff0c;一种是泛型反射&#xff1b; 实现功能&#xff1a; 两个实体类数据转换赋值 //学生类 private class Student {public string name { get; set; }public int age { get; set; }public string className { get; set;…

【Node.js】crypto 模块

crypto模块的目的是为了提供通用的加密和哈希算法。用纯JavaScript代码实现这些功能不是不可能&#xff0c;但速度会非常慢。 Nodejs用C/C实现这些算法后&#xff0c;通过cypto这个模块暴露为JavaScript接口&#xff0c;这样用起来方便&#xff0c;运行速度也快。 只要密钥发…

location对象详解

location对象详解_window.location.assign_边中之城的博客-CSDN博客

vuex的模块化和namespaced

这里主要是将store里面的index.js这个文件变得更加有条理性一点&#xff0c;使得整个代码看起来比较清晰 主要的变动在于count.vue,person.vue,index.js count.vue <template><div><h1>当前求和为&#xff1a;{{sum}}</h1><h3>当前求和放大10…

制造业单项冠军(国家级、广东省、深圳市)奖励政策及申报对比

制造业单项冠军的头衔含金量极高&#xff0c;是某一细分领域的“领头雁”。下面深科信对“制造业单项冠军”&#xff08;国家级、广东省级、深圳市级&#xff09;的认定标准、奖励政策进行梳理 。 2023年9月25日&#xff0c;工信部办公厅正式发布《关于开展2023年制造业单项冠军…

【TensorFlow2 之012】TF2.0 中的 TF 迁移学习

#012 TensorFlow 2.0 中的 TF 迁移学习 一、说明 在这篇文章中&#xff0c;我们将展示如何在不从头开始构建计算机视觉模型的情况下构建它。迁移学习背后的想法是&#xff0c;在大型数据集上训练的神经网络可以将其知识应用于以前从未见过的数据集。也就是说&#xff0c;为什么…

linux 安装mysql

1、下载mysql安装包 2、创建mysql文件夹 mkdir /usr/local/mysql 3、解压mysql安装包&#xff0c;并将解压出来的文件夹下面的内容全部移动到/usr/local/mysql下 解压 tar zxvf mysql-5.7.39-linux-glibc2.12-x86_64.tar.gz 移动 mv /usr/local/src/mysql-5.7.39-linux-gl…

postgres之pg_dump导出和导入

postgres使用有一段时间了&#xff0c;现记录一下一些常用的命令-导出导入&#xff0c;备以后查询&#xff1a; 1.指定表结构导出 pg_dump --host127.0.0.1 --port5432 --username[用户名] -t[表名1] -t [表名1] --schema-only postgres > F:\db.sql 2.指定表数据的导出…