Multilevel Floor map & compass demo

Multilevel Floor map and compass demonstration.

This multiple map demo uses the main map functionality which shows the users a map which links to other maps, in this case a building diagram linking to each floor level. When a users goes to a floor level a floor plan is displayed showing panorama location hotspots. The navigation along the top can be re-skinned and positioned and will stay positioned consistently when viewing all levels.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Map Demo</pageTitle>
	<theme_enabled>true</theme_enabled>		
	<numConnections>3</numConnections>																
	<retryItem>5</retryItem>																										
	<qualityMotion>low</qualityMotion>										
	<loresFolder>pano/pano_lo</loresFolder>						
	<defaultRes>low</defaultRes>	
	<panoType>spherical</panoType>																		   											
	<sphereSize>5000</sphereSize>													
	<segments>high</segments>															
	<loaderImage>images/loader.png</loaderImage>

	<singleFloorMap>false</singleFloorMap>	
	<map>true</map>	
	<mapVisiblity>true</mapVisiblity>		
	<mapImage>images/mainmap.png</mapImage>	
	<levelOneGround>true</levelOneGround>
	
	<parentLevelButtonPositions>130,140|130,80</parentLevelButtonPositions>
	<parentLevelButtonGroup_PosX>0</parentLevelButtonGroup_PosX>
	<parentLevelButtonGroup_PosY>0</parentLevelButtonGroup_PosY>
	<childLevelButtonPositions>95,2|115,2</childLevelButtonPositions>
	<childLevelButtonGroup_PosX>6</childLevelButtonGroup_PosX>
	<childLevelButtonGroup_PosY>2</childLevelButtonGroup_PosY>
	<childLevelButtonHome_PosX>0</childLevelButtonHome_PosX>
	<childLevelButtonHome_PosY>0</childLevelButtonHome_PosY>
	<childLevelButtonHome_altTag>Home</childLevelButtonHome_altTag>
	<levelButton_enable_altTags>true</levelButton_enable_altTags>
	<levelButton_altTags>Ground Floor|Room 1</levelButton_altTags>
	<levelButtonFontName>verdana</levelButtonFontName>
	<levelButtonFontSize>11</levelButtonFontSize>
	<levelButtonFontColour>0xFFFFFF</levelButtonFontColour>
	<levelButtonFontBold>false</levelButtonFontBold>
	<levelButtonFontAlign>right</levelButtonFontAlign>
	<levelButtonNum_OffsetX>-2.4</levelButtonNum_OffsetX>
	<levelButtonNum_OffsetY>-0.5</levelButtonNum_OffsetY>
	
</main>
<panorama>
	<frameId>demo_room_1</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room 1</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	
	<floorLevel>1</floorLevel>
	<floorLevelMap>images/map.png</floorLevelMap>
	
	<mapRoom_btn_PosX>65</mapRoom_btn_PosX>
	<mapRoom_btn_PosY>150</mapRoom_btn_PosY>
	<mapRoomAltTag>Demo room 1</mapRoomAltTag>
	<roomRadarStartAngle>0</roomRadarStartAngle>
	
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_3</actionGoto>		
		<altTag>Up to first floor</altTag>
		<targetX>90</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
<panorama>
	<frameId>demo_room_2</frameId>
	<sphere>grid2.jpg</sphere>	
	<roomTitle>Demo Room 2</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	
	<floorLevel>1</floorLevel>
	<floorLevelMap>images/map.png</floorLevelMap>
	
	<mapRoom_btn_PosX>230</mapRoom_btn_PosX>
	<mapRoom_btn_PosY>50</mapRoom_btn_PosY>
	<mapRoomAltTag>Demo room 2</mapRoomAltTag>
	<roomRadarStartAngle>220</roomRadarStartAngle>
	
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_4</actionGoto>		
		<altTag>Up to first floor</altTag>
		<targetX>180</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>



<panorama>
	<frameId>demo_room_3</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room 3</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	
	<floorLevel>2</floorLevel>
	<floorLevelMap>images/map01.png</floorLevelMap>
	
	<mapRoom_btn_PosX>83</mapRoom_btn_PosX>
	<mapRoom_btn_PosY>49</mapRoom_btn_PosY>
	<mapRoomAltTag>Demo room 3</mapRoomAltTag>
	<roomRadarStartAngle>180</roomRadarStartAngle>
	
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>down_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>down.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_1</actionGoto>		
		<altTag>Down to ground floor</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
<panorama>
	<frameId>demo_room_4</frameId>
	<sphere>grid2.jpg</sphere>	
	<roomTitle>Demo Room 4</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	
	<floorLevel>2</floorLevel>
	<floorLevelMap>images/map01.png</floorLevelMap>
	
	<mapRoom_btn_PosX>211</mapRoom_btn_PosX>
	<mapRoom_btn_PosY>146</mapRoom_btn_PosY>
	<mapRoomAltTag>Demo room 4</mapRoomAltTag>
	<roomRadarStartAngle>0</roomRadarStartAngle>
	
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>down_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>down.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_2</actionGoto>		
		<altTag>Down to ground floor</altTag>
		<targetX>180</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>


</config>

config.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<themeDir>themes/demo</themeDir>
<fullscreenPluginSize>1.0</fullscreenPluginSize>
<plugin>
	<name>info</name>
	<swf>info.swf</swf>
	<posX>150</posX>
	<posY>300</posY>
	<canvas>true</canvas>
	<fullscreen>true</fullscreen>
	<fullscreenPos>bottom right,-420,-220</fullscreenPos>
</plugin>
</config>

theme.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<theme>
	<canvasWidth>700</canvasWidth>						
	<canvasHeight>513</canvasHeight>					
	<tourWindowWidth>700</tourWindowWidth>		
	<tourWindowHeight>513</tourWindowHeight>	
	<tourWindow_PosX>0</tourWindow_PosX>		
	<tourWindow_PosY>0</tourWindow_PosY>
	<cameraFocus>300</cameraFocus>	
	
	<loadingTxt>Loading</loadingTxt>					
	<mainLoader_PosX>200</mainLoader_PosX>
	<mainLoader_PosY>250</mainLoader_PosY>
	<loader_PosX>200</loader_PosX>
	<loader_PosY>250</loader_PosY>
	
	
	
	<altTagFontName>Verdana</altTagFontName>
	<altTagFontSize>11</altTagFontSize>
	<altTagFontColour>0xFFFFFF</altTagFontColour>
	<altTagFontBold>false</altTagFontBold>
	<altTagBackground>true</altTagBackground>
	<altTagBackgroundColor>0x462c64</altTagBackgroundColor>
	<altTagHeight>5</altTagHeight>
	
	<panoTransitionType>random</panoTransitionType>
	<panoTransitionColour>0x333333</panoTransitionColour> 
	<panoTransitionEffect>all</panoTransitionEffect> 	
	<panoTransitionBlurEffect_percentage>30</panoTransitionBlurEffect_percentage>
	<transitionDuration>1</transitionDuration>
	
	<mapImage_PosX>400</mapImage_PosX>											
	<mapImage_PosY>10</mapImage_PosY>	
	<activeMapHotspotColour>0x00FFFF</activeMapHotspotColour>
	<activeMapHotspotOpacity>1</activeMapHotspotOpacity>  					
	<activeMapHotspotRadius>5</activeMapHotspotRadius>
	<mapHotspotColour>0xFF00FF</mapHotspotColour>
	<mapHotspotOpacity>1</mapHotspotOpacity> 												
	<mapHotspotRadius>5</mapHotspotRadius>
	
</theme>
</config>

Latest Blogs

fusionplayer licencing changed

fusionplayer updated to .597

fusionplayer updated to .594

panorama.xml

config.xml

theme.xml