Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Igloo have developed an integration with Google Street View for viewing street panoramas in 360 degrees.

Creating a StreetView Layer

...

Info

This tutorial requires a session called Streetview to have been setup using the Desktop UI. See the tutorial: Exploring Google Street View .

Loading a StreetView Panorama Layer

...

Press the Add Content button in the Canvas Toolbar and select New > WebViewContent Library.

Set the URL of the new WebView to be http://127.0.0.1:9070/iglooview. This URL is an endpoint in the Igloo StreetView Service which is runs as a Windows service. The endpoint generates a cubemap which can be used to give a 360 degree image in the Igloo. Set the Size parameters to be 12000 x 2000 and untick the Dynamic Browser Resolution checkbox. The display does not change frequently so we can lower the frames per second (FPS) to 10. Untick the Show UI checkbox in the General properties so that the WebView toolbar doesn’t interfere with the cubemap.

...

The next step is to transform the cubemap into a 360 view suitable for the Igloo canvas.

...

Click on the Effects tab and press the Add button. Select ‘Cubemap to Equirectangular’.

Image Removed

The cubemap now appears as an equirectangular image.

Image Removed

Press the Add button again and select ‘True Perspective’.

The resulting view is a full screen image calculated for the Igloo canvas you are using.

...

Creating Additional Layers

The ICE control panel has a tab called Streetview and Image Added

Select the session name ‘Streetview’.

This will load a WebView layer set to the Igloo StreetView Service URL and with appropriate settings to display across the whole canvas.

...

Creating a StreetView Control Layer

Create a new WebView this displays the control screen showing a map and an orbit view. Both the map and orbit view can be used to navigate by clicking the arrows in the top view or by clicking a new position on the map.

...

This control screen can be displayed as a layer on the ICE canvas. The URL is http://127.0.0.1:9070/control

...

Info

TIP: Save the layers together to and create a new Streetview session which includes the control layers.

Next Section: Canvas UI - Using the Matterport App