Zoom in map  

Got some great idea or a feature request? Post it here and discuss it.
no avatar
aircamera
Member
 
Posts: 94
Joined: Sat Jul 21, 2012 1:00 pm

Zoom in map

by aircamera » Tue Apr 09, 2013 9:15 pm

The map I'm using on my new tour is a large JPEG file (5905px X 3587px) with a lot a details.
The problem is that when the map is opened (100% of my screen), we can't really see each details.
It would be cool to enable zoom in/out in the map once it's full screen.
Cyril

no avatar
mediavets
Moderator
 
Posts: 14167
Joined: Wed Nov 14, 2007 2:12 pm
Location: Isleham, Cambridgeshire, UK.

by mediavets » Tue Apr 09, 2013 9:18 pm

aircamera wrote:The map I'm using on my new tour is a large JPEG file (5905px X 3587px) with a lot a details.
The problem is that when the map is opened (100% of my screen), we can't really see each details.
It would be cool to enable zoom in/out in the map once it's full screen.
Cyril

Did you consider having a 'pano' map image - I mean treating the map image as just another pano scene - then you could zoom in and out of it.
Andrew Stephens
Many different Nodal Ninja and Agnos pano heads. Merlin/Panogear mount with Papywizard on Nokia Internet tablets.
Nikon D5100 and D40, Sigma 8mm f3.5 FE, Nikon 10.5mm FE, 35mm, 50mm, 18-55mm, 70-210mm. Promote control.

no avatar
aircamera
Member
 
Posts: 94
Joined: Sat Jul 21, 2012 1:00 pm

by aircamera » Thu Apr 11, 2013 10:37 am

I tried what you said and it works much better than the map plugin. The only thing annoying is that I can't get it in the left top corner. But with a little bit of code, I can do that...
Thank you

no avatar
aircamera
Member
 
Posts: 94
Joined: Sat Jul 21, 2012 1:00 pm

by aircamera » Thu Apr 11, 2013 10:59 am

But it doesn't work on Ipad anymore...

no avatar
mediavets
Moderator
 
Posts: 14167
Joined: Wed Nov 14, 2007 2:12 pm
Location: Isleham, Cambridgeshire, UK.

by mediavets » Thu Apr 11, 2013 1:21 pm

aircamera wrote:But it doesn't work on Ipad anymore...

Ah, no.

Not owning an iDevice, I forgot that scene images must use spherical projection and have HFOV of 360 to be compatible with iDevice output.
Last edited by mediavets on Thu Apr 11, 2013 1:28 pm, edited 1 time in total.
Andrew Stephens
Many different Nodal Ninja and Agnos pano heads. Merlin/Panogear mount with Papywizard on Nokia Internet tablets.
Nikon D5100 and D40, Sigma 8mm f3.5 FE, Nikon 10.5mm FE, 35mm, 50mm, 18-55mm, 70-210mm. Promote control.

no avatar
aircamera
Member
 
Posts: 94
Joined: Sat Jul 21, 2012 1:00 pm

by aircamera » Sun Jul 07, 2013 5:14 pm

Is there any code I could add to my xml file to enable zoom into the map ? So it would be still iDevices compatible...

Here is the original code :

<!--************** Plan ***********************************************************************-->
<plugin name="map" url="virtualtourdata/map/map.jpg" keep="true" align="lefttop" x="10" y="10" width="100%" height="prop" handcursor="false" onloaded="showmapspot();" onclick="closemap"/>
<plugin keep="true" visible="false" name="mapspot0" onclick="mainloadpano(virtualtour0.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="43.7762%" y="63.1424%"/>
<plugin keep="true" visible="false" name="mapspot1" onclick="mainloadpano(virtualtour1.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="41.3945%" y="56.3007%"/>
<plugin keep="true" visible="false" name="mapspot2" onclick="mainloadpano(virtualtour4.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="28.4501%" y="51.5611%"/>
<plugin keep="true" visible="false" name="mapspot3" onclick="mainloadpano(virtualtour2.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="40.791%" y="54.9177%"/>
<plugin keep="true" visible="false" name="mapspot4" onclick="mainloadpano(virtualtour3.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="36.0452%" y="54.2671%"/>
<plugin keep="true" visible="false" name="mapspot5" onclick="mainloadpano(virtualtour9.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="15.2451%" y="73.4237%"/>
<plugin keep="true" visible="false" name="mapspot6" onclick="mainloadpano(virtualtour6.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="18.2484%" y="52.6601%"/>
<plugin keep="true" visible="false" name="mapspot7" onclick="mainloadpano(virtualtour5.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="16.3558%" y="42.5654%"/>
<plugin keep="true" visible="false" name="mapspot8" onclick="mainloadpano(virtualtour7.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="9.61183%" y="40.0115%"/>
<plugin keep="true" visible="false" name="mapspot9" onclick="mainloadpano(virtualtour8.xml);" url="virtualtourdata/graphics/spots/spot0.png" blingCounter="0" align="lefttop" edge="center" parent="map" x="6.34253%" y="31.4212%"/>
<action name="showmapspot">
set( plugin[mapspot0].alpha , 0);
set( plugin[mapspot0].visible, true);
tween(plugin[mapspot0].alpha , 1);
set( plugin[mapspot1].alpha , 0);
set( plugin[mapspot1].visible, true);
tween(plugin[mapspot1].alpha , 1);
set( plugin[mapspot2].alpha , 0);
set( plugin[mapspot2].visible, true);
tween(plugin[mapspot2].alpha , 1);
set( plugin[mapspot3].alpha , 0);
set( plugin[mapspot3].visible, true);
tween(plugin[mapspot3].alpha , 1);
set( plugin[mapspot4].alpha , 0);
set( plugin[mapspot4].visible, true);
tween(plugin[mapspot4].alpha , 1);
set( plugin[mapspot5].alpha , 0);
set( plugin[mapspot5].visible, true);
tween(plugin[mapspot5].alpha , 1);
set( plugin[mapspot6].alpha , 0);
set( plugin[mapspot6].visible, true);
tween(plugin[mapspot6].alpha , 1);
set( plugin[mapspot7].alpha , 0);
set( plugin[mapspot7].visible, true);
tween(plugin[mapspot7].alpha , 1);
set( plugin[mapspot8].alpha , 0);
set( plugin[mapspot8].visible, true);
tween(plugin[mapspot8].alpha , 1);
set( plugin[mapspot9].alpha , 0);
set( plugin[mapspot9].visible, true);
tween(plugin[mapspot9].alpha , 1);
</action>
<action name="hidemapspot">
set(plugin[mapspot0].visible,false);
set(plugin[mapspot1].visible,false);
set(plugin[mapspot2].visible,false);
set(plugin[mapspot3].visible,false);
set(plugin[mapspot4].visible,false);
set(plugin[mapspot5].visible,false);
set(plugin[mapspot6].visible,false);
set(plugin[mapspot7].visible,false);
set(plugin[mapspot8].visible,false);
set(plugin[mapspot9].visible,false);
</action>
<!-- fermeture du plan -->
<action name="closemap">
hidemapspot();
set(plugin[map].onclick,openmap);
set(plugin[map].width, 40);
set(plugin[map].height, 24);
</action>
<!-- ouverture du plan -->
<action name="openmap">
set(plugin[map].onclick, closemap);
set(plugin[map].height, prop);
tween(plugin[map].width, 100%, 0.5, easeoutquad, showmapspot(););
set(plugin[map].align, lefttop);
set(plugin[map].x , 10);
set(plugin[map].y , 10);
</action>
<!-- Désélectionne tous les spot de la cartes sauf celui passé en argument -->
<!-- Désélectionne tous les spot de la carte si aucun argument n'est fourni -->
<action name="unselectmapspotsbutpassed">
if (%1 != mapspot0,
if(plugin[mapspot0].animated,
set(plugin[mapspot0].frame , 0);
set(plugin[mapspot0].ypos , 0);
set(plugin[mapspot0].animationCounter, 0)
txtadd(plugin[mapspot0].crop,'0|0|',get(plugin[mapspot0].framewidth),'|',get(plugin[mapspot0].frameheight));
,
set(plugin[mapspot0].blingCounter, 0)
)
);
resetmapspot(mapspot0);
if (%1 != mapspot1,
if(plugin[mapspot1].animated,
set(plugin[mapspot1].frame , 0);
set(plugin[mapspot1].ypos , 0);
set(plugin[mapspot1].animationCounter, 0)
txtadd(plugin[mapspot1].crop,'0|0|',get(plugin[mapspot1].framewidth),'|',get(plugin[mapspot1].frameheight));
,
set(plugin[mapspot1].blingCounter, 0)
)
);
resetmapspot(mapspot1);
if (%1 != mapspot2,
if(plugin[mapspot2].animated,
set(plugin[mapspot2].frame , 0);
set(plugin[mapspot2].ypos , 0);
set(plugin[mapspot2].animationCounter, 0)
txtadd(plugin[mapspot2].crop,'0|0|',get(plugin[mapspot2].framewidth),'|',get(plugin[mapspot2].frameheight));
,
set(plugin[mapspot2].blingCounter, 0)
)
);
resetmapspot(mapspot2);
if (%1 != mapspot3,
if(plugin[mapspot3].animated,
set(plugin[mapspot3].frame , 0);
set(plugin[mapspot3].ypos , 0);
set(plugin[mapspot3].animationCounter, 0)
txtadd(plugin[mapspot3].crop,'0|0|',get(plugin[mapspot3].framewidth),'|',get(plugin[mapspot3].frameheight));
,
set(plugin[mapspot3].blingCounter, 0)
)
);
resetmapspot(mapspot3);
if (%1 != mapspot4,
if(plugin[mapspot4].animated,
set(plugin[mapspot4].frame , 0);
set(plugin[mapspot4].ypos , 0);
set(plugin[mapspot4].animationCounter, 0)
txtadd(plugin[mapspot4].crop,'0|0|',get(plugin[mapspot4].framewidth),'|',get(plugin[mapspot4].frameheight));
,
set(plugin[mapspot4].blingCounter, 0)
)
);
resetmapspot(mapspot4);
if (%1 != mapspot5,
if(plugin[mapspot5].animated,
set(plugin[mapspot5].frame , 0);
set(plugin[mapspot5].ypos , 0);
set(plugin[mapspot5].animationCounter, 0)
txtadd(plugin[mapspot5].crop,'0|0|',get(plugin[mapspot5].framewidth),'|',get(plugin[mapspot5].frameheight));
,
set(plugin[mapspot5].blingCounter, 0)
)
);
resetmapspot(mapspot5);
if (%1 != mapspot6,
if(plugin[mapspot6].animated,
set(plugin[mapspot6].frame , 0);
set(plugin[mapspot6].ypos , 0);
set(plugin[mapspot6].animationCounter, 0)
txtadd(plugin[mapspot6].crop,'0|0|',get(plugin[mapspot6].framewidth),'|',get(plugin[mapspot6].frameheight));
,
set(plugin[mapspot6].blingCounter, 0)
)
);
resetmapspot(mapspot6);
if (%1 != mapspot7,
if(plugin[mapspot7].animated,
set(plugin[mapspot7].frame , 0);
set(plugin[mapspot7].ypos , 0);
set(plugin[mapspot7].animationCounter, 0)
txtadd(plugin[mapspot7].crop,'0|0|',get(plugin[mapspot7].framewidth),'|',get(plugin[mapspot7].frameheight));
,
set(plugin[mapspot7].blingCounter, 0)
)
);
resetmapspot(mapspot7);
if (%1 != mapspot8,
if(plugin[mapspot8].animated,
set(plugin[mapspot8].frame , 0);
set(plugin[mapspot8].ypos , 0);
set(plugin[mapspot8].animationCounter, 0)
txtadd(plugin[mapspot8].crop,'0|0|',get(plugin[mapspot8].framewidth),'|',get(plugin[mapspot8].frameheight));
,
set(plugin[mapspot8].blingCounter, 0)
)
);
resetmapspot(mapspot8);
if (%1 != mapspot9,
if(plugin[mapspot9].animated,
set(plugin[mapspot9].frame , 0);
set(plugin[mapspot9].ypos , 0);
set(plugin[mapspot9].animationCounter, 0)
txtadd(plugin[mapspot9].crop,'0|0|',get(plugin[mapspot9].framewidth),'|',get(plugin[mapspot9].frameheight));
,
set(plugin[mapspot9].blingCounter, 0)
)
);
resetmapspot(mapspot9);
</action>
<!-- Séléctionne un spot de la carte en particulier -->
<action name="selectmapspot">
unselectmapspotsbutpassed(%1);
if(plugin[%1].animated,
inc(plugin[%1].animationCounter, 1);
if(plugin[%1].animationCounter == 1,
animatemapspot(%1, 0.1);
);
,
inc(plugin[%1].blingCounter,1);
if(plugin[%1].blingCounter == 1,
blingmapspot(%1);
);
);
</action>
<!-- anime le spot quand il est actif (appel récursif) -->
<action name="blingmapspot">
tween(plugin[%1].alpha, 0.0, 0.8, easeInSine );
tween(plugin[%1].scale, 1.5, 0.8, easeOutCubic);
tween(, , 0.8, , resetmapspot(%1);
if(plugin[%1].blingCounter > 0, blingmapspot(%1);););
</action>
<action name="resetmapspot">
set(plugin[%1].scale,1);
set(plugin[%1].alpha,1);
</action>


Thank you for your help !


Return to Panotour Future

Who is online

Users browsing this forum: No registered users and 2 guests