Embed models in annotations


(Valeriodeluca) #1

Previous post:

Here the model with 5 annotation without any link inside:

Tks! Best, Valerio

Embed 3D model in annotation popup
(Madalin Berechet) #2

Example here
When annotation is reached the right iframe will change the content (image, text, other Sketchfab model )
Autopilot cycle duration could be changed (in second).
Sketchfab models can be preloaded and show/hide as you need.

(Valeriodeluca) #3

Tks very much Mad!
Now I get how open the seconds models in same iframe of first model because I'm dev for mobile. Or I try st like this:



(draggable disabled and window fullscreen with close button)

(Madalin Berechet) #4

To add more models just declare the urlids on var models =
And add more iframes as api-frame0, api-frame1, api-frame2...

You'll can hide all info frames using jQuery and show them when reached annotation .

To use on mobile just change the class of contentframe and menuframe to "col-xs-12 col-sm-8" and "col-xs-12 col-sm-4". It's fully responsive. Use "back to top" affix button if needed. I didn't try "leaflet-control-window" with Sketchfab i-frame.