Map Overlay

[cweems]

Has anyone created any kind of interactive map overlay using FPP 2.1? I want to create something like this (uses competing panorama player):
http://www.tristanshu.com/projets/temp7/demo-tour-uk.htm

with a map or floor plan that I can scale up/down, but will call up various panos on clickable regions.

Can anyone point me to A. example , B. where to start with code

Thanks.

[fotocubo]

Absolutely yes, that is a cool feature I'd like to use too but still not able to code. Maybe someone else has already done and would be willing to share with us. :)

[suastegui]

Have a look at this:http://www.guru.ag/fl/elmorro/index.html

[cweems]

Have a look at this:http://www.guru.ag/fl/elmorro/index.html

This is a great example. Looking at the xml, it looks like the map and each dot on the map is positioned seperately? And then each dot is coded as a seperate hotspot?

Am I understanding this correctly?

Is there a straightforward way to figure all these positions out (photoshop x,y?)

[suastegui]

Have a look at this:http://www.guru.ag/fl/elmorro/index.html

This is a great example. Looking at the xml, it looks like the map and each dot on the map is positioned seperately? And then each dot is coded as a seperate hotspot?

Am I understanding this correctly?

Is there a straightforward way to figure all these positions out (photoshop x,y?)

Yes all dots are coded as separate hotspots, because they call different pano's. Positioning is very easy with the editor.swf. I made this one last december with the first version of FlashPanorama. Production with the newest version is a lot easier.

[fotocubo]

Many thanks for sharing suastegui (vasque origins perhaps? :) ) . Now we have seen a navigation map only left to code a compass over dots positions to get a full featured interface. I hope Denis will surprise us again with next version capabilities. Thanks!

PD: I really do not hope, I am sure! :wink:

[suastegui]

Many thanks for sharing suastegui (vasque origins perhaps? :) ) .
no, dutch :wink:

[Jeff]

This is a great example. Looking at the xml

How do I see the .xml files?

I would like to learn the coding used to create map

Jeff

[cweems]

Many thanks for sharing suastegui [/size]

Yes, many thanks suastegui. Your example ahs helped me alot. I am creating a test version of my own code and I have hit a snag. Maybe someone could diagnose.

I have a seperate navigation movie with icons calling up several images with paramenters all in one xml file. I have also created a sample Map (tab button in lower right). My problem is the parameters (panHome, tiltHome, zoomHome) are not consistant between the 2 ways of calling the new Panos. They are always correct from the nav icons, but from clicking the map buttons, they seem to behave more like leash=follow by opening with the past P,T,Z paramenters. I am using leash=free on the map buttons. Here is sample hotspot code from one button:

<!--KITCHEN BUTTON-->
<spot id="kitchen_btn" url="greendot.png" static="1" staticX="-253.00" staticY="-321.00" salign="RB" depth="7" alpha="0" visible="0"
onClick="
pano.leash=free;loadPano(?panoName=../tourincludes/images/AndersonKitchen,200,fade)
map.alpha=1;map.alpha=0,100;
livingroom_btn.visible=0;livingroom_btn.alpha=0;
master_btn.visible=0;master_btn.alpha=0;
kitchen_btn.visible=0;kitchen_btn.alpha=0;
office_btn.visible=0;office_btn.alpha=0;
edwardsliving_btn.visible=0;edwardsliving_btn.alph a=0;
park_btn.visible=0;park_btn.alpha=0;
sanctuary_btn.visible=0;sanctuary_btn.alpha=0;
map_btn.visible=1;
map_btn_out.visible=0"

/>
I have tried creating a seperate xml file for each image and calling it in the loadPano function, and adding in the parametners directly to that function with no luck.

Here is a link to the project (with editor.swf loaded):
http://www.virtually-anywhere.com/pricing/sample_map/tourfiles/flash/index_fs.html

[cweems]

How do I see the .xml files?

I would like to learn the coding used to create map

Jeff
Jeff,
On a Mac in safari, you can go to the Window menu, then select activity to see a list of files on a page. Double click what you want to see.

[Jeff]

Jeff,
On a Mac in safari, you can go to the Window menu, then select activity to see a list of files on a page. Double click what you want to see.

cweems, I have tried that, but all I get is this Error:-
This page contains the following errors:

error on line 118 at column 55: xmlParseEntityRef: no name
Below is a rendering of the page up to the first error.

panoName = images/elmorro panHome = -160 tiltHome = -3 zoomhome = 0.5 segments = 30 friction = 0.8 sensitivity = 50 keySensitivity = 20 loaderConsecutive=0 qualityMotion = low qualityStatic = high layer_1 = autorotator.swf layer_2 = menuFullscreen.swf loaderText = loaderBackColor = #ABC0EE layer_3 = glassMeter.swf layer_4 = hotspots.swf layer_5 = musik.swf speed = 0.1 interval = 30 pause = 1000 quality = high

I assume you managed to see the full contents?

Hopefully either you or suastegui would be kind enough to post the file contents?
Jeff

[suastegui]

Hi cweems,

you'll get a somewhat updated version at http://www.guru.ag/fl/elmorro/elmorro.xml

It's not very streamlined but it does work (I'm not a programmer).

Good luck.

[fritsjan]

Is it also possible to create something like this map, but then all included in one flash movie?

[cweems]

cweems, I have tried that, but all I get is this Error:-
This page contains the following errors:

error on line 118 at column 55: xmlParseEntityRef: no name
Below is a rendering of the page up to the first error.

panoName = images/elmorro panHome = -160 tiltHome = -3 zoomhome = 0.5 segments = 30 friction = 0.8 sensitivity = 50 keySensitivity = 20 loaderConsecutive=0 qualityMotion = low qualityStatic = high layer_1 = autorotator.swf layer_2 = menuFullscreen.swf loaderText = loaderBackColor = #ABC0EE layer_3 = glassMeter.swf layer_4 = hotspots.swf layer_5 = musik.swf speed = 0.1 interval = 30 pause = 1000 quality = high

I assume you managed to see the full contents?

Hopefully either you or suastegui would be kind enough to post the file contents?
Jeff

Jeff,
You can still save that page to your computer and get all the code in the xml file

[cweems]

Yes, many thanks suastegui. Your example ahs helped me alot. I am creating a test version of my own code and I have hit a snag. Maybe someone could diagnose.

I have a seperate navigation movie with icons calling up several images with paramenters all in one xml file. I have also created a sample Map (tab button in lower right). My problem is the parameters (panHome, tiltHome, zoomHome) are not consistant between the 2 ways of calling the new Panos. They are always correct from the nav icons, but from clicking the map buttons, they seem to behave more like leash=follow by opening with the past P,T,Z paramenters. I am using leash=free on the map buttons. Here is sample hotspot code from one button:

<!--KITCHEN BUTTON-->
<spot id="kitchen_btn" url="greendot.png" static="1" staticX="-253.00" staticY="-321.00" salign="RB" depth="7" alpha="0" visible="0"
onClick="
pano.leash=free;loadPano(?panoName=../tourincludes/images/AndersonKitchen,200,fade)
map.alpha=1;map.alpha=0,100;
livingroom_btn.visible=0;livingroom_btn.alpha=0;
master_btn.visible=0;master_btn.alpha=0;
kitchen_btn.visible=0;kitchen_btn.alpha=0;
office_btn.visible=0;office_btn.alpha=0;
edwardsliving_btn.visible=0;edwardsliving_btn.alph a=0;
park_btn.visible=0;park_btn.alpha=0;
sanctuary_btn.visible=0;sanctuary_btn.alpha=0;
map_btn.visible=1;
map_btn_out.visible=0"

/>
I have tried creating a seperate xml file for each image and calling it in the loadPano function, and adding in the parametners directly to that function with no luck.

Here is a link to the project (with editor.swf loaded):
http://www.virtually-anywhere.com/pricing/sample_map/tourfiles/flash/index_fs.html

Did anyone see the issues on this request where the map navigation seems to be pulling the last loaded tan, tilt, and zoom parameters from the icon navigation?