在Plotly Dash中添加铯应用程序无效

Question

我正试图将铯集成到我的Plotly Dash应用程序中，但当我从Jupyter笔记本本地运行该应用程序时，它不会在Plotly Dash中呈现铯应用程序。我的python代码如下：

import dash
import dash_html_components as html
external_css = ['https://cesium.com/downloads/cesiumjs/releases/1.76/Build/Cesium/Widgets/widgets.css']
app = dash.Dash(__name__, 
title='Cesium Test',
external_stylesheets=external_css)
app.layout = html.Div(id='blah',
children=[
'Testing...',
html.Script(src='https://cesium.com/downloads/cesiumjs/releases/1.76/Build/Cesium/Cesium.js'),
html.Div(id='cesiumContainer'),
html.Script('''
Cesium.Ion.defaultAccessToken = 'any_code_works';
var viewer = new Cesium.Viewer('cesiumContainer');
''')
])
if __name__ == '__main__':
app.run_server(debug=True, use_reloader=False)

以下是一个工作示例(点击"显示"按钮查看其渲染铯应用程序(：

https://glitch.com/edit/#/超六分之一的希望？路径=index.html%3A17%3A11

Answer 1

@alexjohnson在Plotly社区上帮助我

这是工作代码：

import dash
import dash_html_components as html
from dash.dependencies import Input, Output
external_css = ['https://cesium.com/downloads/cesiumjs/releases/1.76/Build/Cesium/Widgets/widgets.css']
external_scripts = [{'src':'https://cesium.com/downloads/cesiumjs/releases/1.76/Build/Cesium/Cesium.js'}]
app = dash.Dash(__name__, 
title='Cesium Test',
external_scripts=external_scripts,
external_stylesheets=external_css)
app.layout = html.Div(id='blah',
children=[
'Testing...',
html.Div(id='cesiumContainer')
])
app.clientside_callback(
'''
function(id) {
Cesium.Ion.defaultAccessToken = "any_code_works";
var viewer = new Cesium.Viewer(id);
return true;
}
''',
Output('cesiumContainer', 'data-done'),
Input('cesiumContainer', 'id')
)
if __name__ == '__main__':
app.run_server(debug=True, use_reloader=False)