Posting interactive views of your panoramas in forum posts

Using Google Maps or Mapillary

You can post <iframe>'s of your panoramas directly from Google Maps and Mapillary in the forum.

To do this, go to either of these services and select share / embed to get the iframe embed code. All you need to do then is simply paste the iframe code into the body of your post.

Using Trek Viewer (for images on your local machine)

If your images are not on one of these services, you can upload the photo directly to the forum and use it in custom iframe. It’s fairly straightforward to do this.

First, upload your photo to the forum by clicking the image icon. Note, there is a max image upload size of 30mb. Please use a cloud service (e.g. imgur) if your panoramas are larger than this.

944c5726-1c62-4f04-ba70-e7dcea6b43ce

After doing so you will see the uploaded photo on the right hand side. Right click the image and select “Copy image address” (or similar).

The copied URL will look something like this:

https://kindling.campfire.trekview.org/original/1X/FILENAME.jpeg

Now you need to copy the iframe code below, making sure to replace the placeholder YOUR_UPLOADED_IMAGE_PATH found at the end of the code snippet with the URL of your newly uploaded panorama.

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://kindling.campfire.trekview.org/static/trekviewer.htm#panorama=YOUR_UPLOADED_IMAGE_PATH&amp;autoLoad=true"></iframe>

Once updated you can paste the iframe code into your post. For reference, the final code will look something like this:

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://kindling.campfire.trekview.org/static/trekviewer.htm#panorama=https://kindling.campfire.trekview.org/original/1X/FILENAME.jpeg&amp;autoLoad=true"></iframe>

Using other services

Note, any other iframe sources in addition to the above are blocked for security reasons. Please PM me if you use a different service that supports iframe embedding and I can add it to the approved list.

And here’s a demo of each:

Trek Viewer

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://kindling.campfire.trekview.org/static/trekviewer.htm#panorama=https://kindling.campfire.trekview.org/optimized/1X/ea5890a52331cd0997fb5781364c74377effbfc3_2_1035x543.jpeg&amp;autoLoad=true"></iframe>

Google

<iframe src="https://www.google.com/maps/embed?pb=!4v1584284783328!6m8!1m7!1sCAoSLEFGMVFpcE0tNUktYnB4VWNhbXNQNE1uRVBKZkJQR2pBdFV3b1ZQYngwWjBu!2m2!1d51.27620338723107!2d-0.8421860208173371!3f90.0067196934335!4f-7.045353531856705!5f0.7820865974627469" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

Mapillary

<iframe width="800" height="600" src="https://embed-v1.mapillary.com/embed?version=1&filter=%5B%22all%22%5D&map_filter=%5B%22all%22%5D&map_style=Mapillary streets&image_key=9CIUsYrItyuYXkcMf7KDHg&x=0.48333955123019834&y=0.5008053677364236&client_id=cEc2TDVkajU3UEF1eGFFVVVnajloQTpiMzg1OWM4NzQ0MjViMDFl&style=classic" frameborder="0"></iframe>

Top tip if you’re using Trek Viewer:

You can adjust pitch (vertical angle, 90 to -90), yaw (left right angle, 0 to 360) and fov (zoom level).

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.5/pannellum.htm#panorama=https://kindling.campfire.trekview.org/optimized/1X/ea5890a52331cd0997fb5781364c74377effbfc3_2_1035x543.jpeg&amp;amp;pitch=2.3&amp;amp;yaw=-135.4&amp;amp;hfov=120"></iframe>

HQ | Blog | Spotted a Trekker? | Become a Trekker | Facebook | Instagram