In the map card, you can create more than one scene in one map instance, and you can specify dedicate animation for each scene.

Creat a Scene

Zoom in/out to the the suitable level, and move to the expected point, adjust the pitch angle, then add a scene.

A snapshot will be taken automatically to indicate the current location and related camera position. If you want to change the scene, just finish the adjustment in the earth panel, then redo the "snapshot" operation.

Set the Animation of a Scene

Currently, two animation types are supported: rotate and look-at. It's very simple to set the animation as we are trying to have real WYSIWYG experience. When you make the snapshot, the center of the view is very important, especially when you are going to set "look-at" animation for the scenes. To ease the life, we put a small black cross in the center of view for indication.

You can set the duration and speed of the animation. Both of these two values are calculated by seconds. For speed, the value stands for how many seconds it takes to rotate a round loop. We suggest to have a value greater than 120 for better performance. The faster the speed, the more map tiles need to be loaded. This may cause the browser to make too many network requests. The accumulation of these requests in the queue will cause poor performance.

Specify The Related Scene for a Certain Reading Progress

Once you have finish the scene settings in mapdoc card. the next step is to indicate when the scene should be presented to the reader.

As we introduce the automatic scene switch along with the reading progress, that means when the reader reach a certain position of content, the map view could change to the related scene.

It is really easy for you to get this to work. Just insert a scene card in the post, input the scene number (start from 1). Considering there may be multiple mapdoc cards in the post, the scene card is always associated with the previous mapdoc card.

Today, we do not have check mechanism to make sure the scene number specified in scene card is valid for previous mapdoc card. If the specified scene does not exist in the mapdoc card, nothing will happen.

You can refer to the following example for multiple scene and animation demonstration.

Mount Everest
Enjoy the VR experience with Ghost + Mapdoc!