Question about embedding cesiumjs or three.js for 3D

General
1

Hello, I have seen Google Maps embedded in a page and I would like to embed a html file or code with some javascript cesiumjs or three.js for 3D vizualization in a silverbullet page.

What are my options and how should I go about this?

2

If someone is interested, it’s quite easy to do:

${widget.html(dom.iframe{
  src = "https://sandcastle.cesium.com/standalone.html#c=bY/BagMxDER/RfiUlGKTa+sshVwDPRR68sXxKompbC+WdsP26+tkG2hpjzOaN5JiGkoVeADPsEOOY4JjLQmcCjfl1LPLLoeSWWCKeMEKW8h4+U7r95u3uud3JYuPGatT60aqR2VZZsLOZYCXuGwbK620NoJpIC/I5jCGDxQdmK+QNXfE9nGC2G//aYdAnrlNjiPRW/xEpzprWv4XRsX3MZ9eJ6zk52vkvOn2i6m1tqbJv5SUQgdffzS2P84iAz8Zwz73wbMQ6uUoHUoyJ0+EdTZf",
  style = "width:100%;height:60vh;border:1px solid #ccc;border-radius:1px;",
  loading = "lazy",
  sandbox = "allow-same-origin allow-scripts allow-popups",
  title = "cesium sandcastle"
})}

You can adjust the iframe window size by adjusting “width:100%;height:60vh;”

3 Likes