scrolling map / floor plan....

bbo · May 20, 2009 at 11:46 AM

Hello,

I have started to use krpano a few days ago and I'm preparing to create my first tour, I would be gratefull for any help.... I couldn't find any similar topic in forum...

I would like to add a usual plugin (a floor plan) where I will have hotspots with radars. A floor plan will be quite big so I would like it to scroll like in googlemaps plugin (area for plugin is going to be smaller than map). Is it possible to do it by editing krpano xml only, or should I use flash to do it? I haven't ever use flash, so it would be really nice if krpano xml would do that....

Thanks for help...

BBO

VN2011 · May 21, 2009 at 12:44 AM

you could use scale9grid to make it fit wothout cropping or else i dont know if this can be done but it might. you may be able to load the floorplan into an html text field. i think if the image is to large for the textfield it will automaticlly add the scroll bars but i am not 100% on that.

Tim2420 · May 21, 2009 at 12:52 AM

I like this toggle hide and show interface http://www.panaviz.com/customers/koolina/beachvillaresort/ I am still trying to workout how this works

Graydon · May 21, 2009 at 1:34 AM

I'm pretty sure you could do what you want with the "mask" capability in beta 7.

ref link: http://www.krpano.com/forum/wbb/inde…ID=514&pageNo=1

But, I haven't tried doing this... and can't give you specifics of how to setup the floor plan image and the overlaying mask.

Graydon · May 21, 2009 at 2:53 AM

actually, this will be a bit more difficult than I originally made it sound like.

The main difficulty will be in the "click and drag" function used to move the map around. You would have to add some navigation buttons so that you could move the floor plan.

There's a possibility that the googlemap plugin will be able to use a loaded image in the future... or perhaps a retooled map / floorplan plugin that mimics the structure of the googlemap plugin. No guarantee and no sort of time frame... just something that's been mentioned one time before.

... till then... if you want to click and drag... probably need to use flash.

bbo · May 21, 2009 at 12:53 PM

Graydon:

Yes... I'd like to click&drag map, just like at --- http://www.panaustria.com/ --- I'm afraid you're right - i'll have to get familiar with flash a ittle...:)

@VN2009:

I don't understand how could I use 'scale9grid' to do that, but using a 'textfield' is a REALLY good idea. I will check it and then write down something about that... THANKS a lot !!!

Tim2420:

Do you mean tweening map from right side to the middle?? I guess it's just an action with changing X coordinate smoothly (tween with long time - a few sec possibly), but maybe I'm wrong... But that's a very nice example... Im sure I will use some ideas from this website :)

@ALL:

Thanks a lot for ideas, I will write down after I solve a problem :)

BBO.

PanAustria · May 22, 2009 at 7:26 PM

Hallo bbo!

On my page http://www.panaustria.com (! your link is wrong...) you can find scrolling maps,
but:
It was made with Easypanos Tourweaver, a software i discontinued to use ( see here ) ...

At the moment i also am on myself with developing this functionality (actionscript) for use in krpano (plugin). I am not quite sure but i think it will not be possible to do with the scripting language (without flash).

BriarB · May 24, 2009 at 6:57 AM

I used the code line

onclick="switch(destscale,1.0,0.5);tween(scale,$destscale);"

from examples/mask which allowed me to click and reduce size of the map. However the hot-spots didn't follow it!!

http://www.assetimaging.co.nz/public.html/krpano/examples/scenes/crusoe.html

Poor panos, done four years ago when I didnt know about HDR so dont judge me on that!!!

BriarB · May 24, 2009 at 10:15 AM

sorted the hot-spots. added ....parent="map" to the plugin spots, where "map" is the floor plan. (Not live yet, more fixes to go first)

Still can't work out how to load the other panos from the hotspot though.

<action name="load1">
set(plugin[spotx].x,140);
set(plugin[spotx].y,110);
set(plugin[radar].x,140);
set(plugin[radar].y,110);
loadpano(main.mov,null,MERGE,BLEND(1));
set(plugin[radar].heading,12);
</action>

Worked it out: loadscene(title, null, MERGE,BLEND(1)); works (changing loadpano to loadscene)

Participate now!