After we announced the ability to share your vessel's current status back in December, we received many requests to support the same functionality for Trips. We are happy to announce that after several rounds of beta testing, this feature is now available.
Below is a recent trip that one of our beta testers took. Note that this is a live map, so you can pan, zoom, toggle the info popup, etc. The slider at the bottom will allow you to cycle through all of the data points available for the trip in question.
Enabling Embedding of a Trip
From the trip page (https://floathub.com/trip), you can enable embedding by clicking on the edit/sharing icon to the right of the trip's name:
This will open up the Trip Details window, where you can opt to allow embedding of this trip:
You can also see (and copy) the exact URL for this particular trip in a few sizes as well as a straight link (that can be shared via e-mail, social media, etc.).
Controlling How the Embed is Displayed
You can control how the embed appears by adding some additional details to the embed link. By default, most browsers will draw the embed with a black border and include scroll bars. You can turn the border off by including:
And scroll bards can be eliminated with:
So the complete link will become something like:
<iframe src="https://fhb.io/t/uu2ns5" width="640" height="480" frameborder="0" scrolling="no"></iframe>
You can also have the popup window (that displays detailed data) not appear by default by adding:
to the trip URL. With that added, the embed link would be:
<iframe src="https://fhb.io/t/uu2ns5?nw=t" width="640" height="480" frameborder="0" scrolling="no"></iframe>
A user interacting with the window can still make the popup window appear by clicking on the vessel icon.
This feature is live for all FloatHub users.