DZ插件 [1314]模板自由切换 2.0.1版

时间：2023-06-08 00:36:02 | 来源：网站运营

时间：2023-06-08 00:36:02 来源：网站运营

DZ插件 [1314]模板自由切换 2.0.1版：会员可自由切换风格，后台可以控制那些用户组可切换风格。
会员切换后会记录风格信息，下次在其它地方登录依旧是切换后的风格。
游客切换后会记录到COOKIE, 在同一电脑再次访问依旧是切换后的风格。

说明：
1.模板自身显示问题与本插件无关，本插件只负责切换模板，同个DIY在不同模板下的兼容问题也和本插件没有关系，请确保你使用的模板间不存在兼容问题。

文件下载：n459.com/file/25127180-476822146

以下内容无关：

-------------------------------------------分割线-------------------------------------------

1 简介#
　　kepler.gl作为开源地理空间数据可视化神器，也一直处于活跃的迭代开发状态下。而在前不久，kepler.gl正式发布了其2.4.0版本，下面我们就来对其重要的新特性进行介绍：





2 kepler.gl 2.4.0重要新特性#
2.1 增量时间窗口#
　　在这次更新中，为时间序列数据的可视化新增了增量时间窗口功能，在上一个版本2.3.2中，当我们的数据集带有时间类型字段时，在添加对应的Filters之后，显示出的时间窗口是这个样子的：

图2
　　而在2.4.0版本中，时间窗口如图3所示：

图3
　　在如图4一样从默认的Moving Time Window模式切换到Incremental Time Window模式之后，就可以使用增量时间窗口模式，画面中的数据会从起点开始持续叠加：

图4
2.2 Python接口新增_repr_html_()方法#
　　而这个更新不仅针对原生的kepler.gl，还针对其面向Python的接口keplergl新增_repr_html_()方法，使得将kepler.gl与flask等进行结合更加方面，就像folium中的_repr_html_()方法一样：

结合flask
Copy
from flask import Flask
from keplergl import KeplerGl

app = Flask(name)

@app.route(’/’)
def index():

map_1 = KeplerGl()return map_1._repr_html_()if name == ‘main’:
app.run(debug=True)
　　而如果你对dash有所了解，那么纯Python快速开发出一个嵌入kepler.gl的交互式web应用将会变得非常容易，就像下面这个简单的例子一样：

图5
Copy
import dash
from keplergl import KeplerGl
import dash_html_components as html
import dash_core_components as dcc
from dash.dependencies import Input, Output
import requests

app = dash.Dash(name)

app.layout = html.Div(
[
html.H1(“Dash结合Kepler.gl：”),
dcc.Dropdown(
id=‘demo-dropdown’,
options=[
{‘label’: ‘杭州’, ‘value’: ‘杭州’}
],
style={‘width’: ‘300px’}
),
html.Iframe(id=‘iframe’,
style={‘height’: ‘800px’, ‘width’: ‘1900px’})
]
)

@app.callback(
Output(‘iframe’, ‘srcDoc’),
[Input(‘demo-dropdown’, ‘value’)]
)
def switch_area(selected_area):

if selected_area == '杭州': map_1 = KeplerGl(data={ selected_area: requests.get('https://geo.datav.aliyun.com/areas_v2/bound/500000_full.json').json() }, config={ "mapState": { "bearing": 0, "dragRotate": False, "latitude": 29.751819, "longitude": 107.441431, "pitch": 0, "zoom": 6, "isSplit": False } }) return map_1._repr_html_().decode()else: map_1 = KeplerGl(data={ selected_area: requests.get('https://geo.datav.aliyun.com/areas_v2/bound/100000_full.json').json() }, config={ "mapState": { "bearing": 0, "dragRotate": False, "latitude": 29.751819, "longitude": 107.441431, "pitch": 0, "zoom": 3, "isSplit": False } }) return map_1._repr_html_().decode()if name == ‘main’:
app.run_server()
　　以上就是本文的全部内容，欢迎在评论区与我进行讨论~