Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allow standalone export #53

Open
astrojuanlu opened this issue Dec 3, 2019 · 7 comments
Open

Allow standalone export #53

astrojuanlu opened this issue Dec 3, 2019 · 7 comments
Projects
Roadmap

Comments

@astrojuanlu
Copy link
Member

No description provided.

@astrojuanlu
Copy link
Member Author

I think this means producing complete HTML that does not need embedding anywhere else.

@astrojuanlu astrojuanlu mentioned this issue Apr 12, 2020
Open
@astrojuanlu astrojuanlu added this to To do in Roadmap Dec 24, 2020
@lalligagger
Copy link

lalligagger commented Sep 7, 2022 •
edited

Hi @astrojuanlu! Is there currently any good way to use the CZMLWidget HTML representation outside of a notebook, e.g. embedded within some template page?

@astrojuanlu
Copy link
Member Author

Hi @lalligagger! If I recall correctly, this widget does not (yet) have any jupyter-specific code, it's just a blob of HTML. The only thing missing is <html>, <head>, and <body>, but maybe this is perfect for what you need.

Have a look at the to_html method:

czml3/src/czml3/widget.py

Lines 97 to 103 in 46b4342

def to_html(self, widget_height="400px"):
return CESIUM_TPL.format(
cesium_version=self.cesium_version,
script=self.build_script(),
container_id=self._container_id,
widget_height=widget_height,
)

@lalligagger
Copy link

Ok, I haven't been able to get standalone html working but a mashup of the extractor and the approach taken below has me running in a dash app!

https://community.plotly.com/t/adding-cesium-app-to-plotly-dash/48336

@astrojuanlu
Copy link
Member Author

What exactly didn't work, or what errors did you observe? Would be useful to know so we can try to address them.

@lalligagger
Copy link

I added your suggested tags to beginning/ end of to_html output and saved as .html but nothing renders in that case.

@Xenon130
Copy link

Xenon130 commented Apr 5, 2023

The existing "to_html" function actually works, but you need to load RequireJS in the html page you want to hold the resulting widget. For example:

from czml3.examples import simple
from czml3.widget import CZMLWidget

view = CZMLWidget(simple)
html = view.to_html()
page = f"""<!DOCTYPE html>
        <html>
            <head>
                <script src="http://requirejs.org/docs/release/2.3.6/comments/require.js"></script>
            </head>
            <body>

            <!-- CZMLWidget -->
            {html}

            </body>
        </html>
        """

# save to file
with open("CesiumJS.html", "w") as file:
        file.write(page)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
Roadmap
To do
Milestone
No milestone
Development

No branches or pull requests
3 participants
@astrojuanlu @lalligagger @Xenon130