Beach Hut Google Map

[SRogers]

Hi Hopki:

Your Beach Hut pano is great! Nice to see another beach somewhere besides Florida!

Is the Google Map you a feature of Pano2VR? If so, where can we find info on how to implement it?

Thanks!

Steve

[SRogers]

For others interested, here's the link:

http://support.ggno.me/hut/

Click on the rightmost menu icon at the bottom to display the map.

[360Texas]

We get odd viewing results... pano opens tilted directly down to nadir.

Yes, we are using IE 9. It would be nice if you would alert us IF this is a HTML5 only pano and should be using Safari.

[Bostjan]

I can see it very good on all "machinery", even with quite nice resolution. What cube sizes were used for html5?

[Hopki]

Hi,
Input image was Equirec 10000 x 5000, taken with a Canon 60D with Sigma 8mm Fisheye, stitched in PTGui.
In the Settings Tab:
Cube face: 1440 - Image Quality: 80

Then in the Mobile tab:
Mac Screen Size: 1024 - Cube face: 960 - Image Quality: 70
Regards,
Hopki

[SRogers]

Hi Hopki

Thanks for the info about your pano. However, my original question in this thread was about the Google Maps integration in your beach hut pano. It really looks great! That is a feature we really like and my original question was whether or not this is a feature in Pano2VR and how we might do something like that, too. Can you point us in the right direction? Thanks!

[Hopki]

Hi Steve,
In Version 4.x beta 3 the HTML5 output's HTML template has a new check box called Include Google Maps.
Select this then select the fullscreen option.

In the HTML page pano2VR generates copy and delete this line of code:

Code: Select all

<div id="mapdiv" style="width:700px; height:500px">map goes here!</div>

Now add it to a text box 700 x 500px. You can change the size of the text box but remember to change the size in the code.
Job done,
Regards,
Hopki

[SRogers]

Works great!

[ManfredH]

Hello Hopki,

I already had a look at your map.zip example where you showed how to add the google maps in a textbox inside the pano.

The Thread: Google Maps for the HTML5 output

[/url]http://gardengnomesoftware.com/forum/vi ... f=6&t=7875[/url]

Now with your example The Beachhut I can see that you includes the Fullscreen - Option.

In Fullscreen I realized that you dissabled the Clicking (I mean there is no Possibility to click with the mouse on the Drop-Markers at the Node Locations) in the aeea of the
Map.

How did you make this ????

I tried another tip or yours setting a rectangle ove the map or skin and played arround to use ist to prevent clicking !

I am totally lostand every help orr advise is welcome !

Thank You very much in advance.

Manfred

[Hopki]

Hi Manfred,
I have a rectangle over the map with a low alpha so it is transparent.
It is set to hidden but has the actions:
Enter Fullscreen => Show Element => Self
Exit Fullscreen => Hide Element => Self

If anyones interested the reason why I did this is because Safari brakes the map when you click on one of the location markers. All the other browsers seem to be ok however there are a lot of Safari users out there so better to do the above to disable interacting with the map altogether in fullscreen mode.

Regards,
Hopki

[ManfredH]

Hi Hopki,

thanks for your answer.

Yes I ve found your tip with the rectangle here: http://gardengnomesoftware.com/forum/vi ... hilit=gyro

Then I played arround and realized to set the google map to the top of the list in the skin editor and place the map_cover directly underneath

Coming to the Safari issue with the fullscreen (I mean monitor fullscreen -> 360texas ) problem.

I realized this already before my last post here in this thread. It took me some days of thinking how to solve it - searching all files and code lines.

The brakeing of the map occured always in fullscreen mode when I wanted to click on one of the google marker drops on the map. the browser windows is showing up with the fullscreen pic behind it.

First of all I couldnt see any of those drop markes on the goolge map - I posted this here: http://gardengnomesoftware.com/forum/vi ... 239#p30239


I was thinking about finding code lines which showed the connection of the map an the drop shape markers - when I found out how to set up a tour manually in the xml-files.
<tour start="node1">
<panorama id="node1">
output of my xml-file for pano 1 with changing the pano1.swf url to this url="{node2}"
</panorama>
I added all the panos in this xml-file like you did it in your beach hut xml.file
And I changed all the .swf url to the node url
Later I also realized that I had to copy these lines in all xml-files for each pano.

I played arround with it and voila the drop markers on the gmap showed up

As I started the project with another map wiht the thumbnails of the panos and the red dot showing the viewing direction arround a button - the origin of this skin is from the tour_src example from Thomas.

Happy that everything would be ok I had to see that these two maps can only live together in this project when I dissable or take out one of it.
The non clickability in fullscreen mode was working fine but changing the node form one pano to the other using the drop markes in gmap showed me that the location marker in thumbnailpic map stayed at the old location.

I decided to cover the google map completely also in the normal view mode (not fullscreen) - and in the end covered the gmap only partially so that the user can still change the map toswith between satellite picture view and street map view as well also the zoom in and zoom out possibility is given.

I used 8 map_covers and set it like this ind the gmap-button:

mouse click -> change visibility -> #map_cover_[1-8]

Maybe you Hopki or someone else has an idea how to solve this last problem with the two maps.

...and of course the Safari Fullscreen Issue has to be solved - if it is inside Safari then hey Apple Guys have a look at the developers and pano guys as well and not only to the graph of the apple stocks... remembering other times as well as I sit in front of a mac since 1985

Ok Hopki here are the two examples of my walkthrough through a vinery (will be 4 walkthroughs in the end):

http://manfred-huchler.de/interfrog/run ... au_01.html

http://manfred-huchler.de/interfrog/run ... orgen.html

The ipod-iphone walkthroughs are here - still with the unsolved pointing problem in the HTML5 version - my posting here: http://gardengnomesoftware.com/forum/vi ... =13&t=7931

http://manfred-huchler.de/interfrog/run ... ip_01.html

http://manfred-huchler.de/interfrog/run ... en_ip.html

Thanky you again Hopki for your help and the good codelines you are posting here and there in the forum

Regards,
Manfred

[Hopki]

Hi,
The google map changing the location of the other map can be done with node markers.

This can be solved using node markers and tags.
Tag each pano, then add a node marker for each node with the tag.
Then give it an active => trigger click =. (the node in the map)

You could also replace the map markers with the node marker tool and clone the one graphic.
How to do this will depend if you have version 4 Pano2VR or Pro.
Regards,
Hopki

[ManfredH]

Hello Hopki,

Thanks for having a look at my postings.

hm..... ????

I use Pano2VR Version 4.0 and never used the new node marker tool before.

Thank you for your tips but I am lost. I played arround trying to figure out what you mean but no success

Coudl you do me the favour and explain it again

Regards,

Manfred

[ManfredH]

Hello Hopki,

I dont use Pano2VR 4 Pro yet.
How can I use Tags with Pano2VR 4 ?

And btw what are these Tags and how do I set them ?

You write: as each pano with the tag ground is opended.... Where do I set the Tag ground ?

So far I looked into your example Pano2VR.zip where you show how to change between different maps.

According to this i tried arround using only two panos of my walkthrough.
I placed two marker nodes with the blue node marker tool onto the skin named them node1 and node2 (according to the panorama tour names given in the xml-file
then I placed two other marker nodes each at the position of the hs on the map - both inside the nav_map container and there inside the nav_map. I named them nav_map_node1 and 2.
in each marker node i have set the actions like this:
Activate =>Trigger Mouseclick => mhs_01 or mhs_02 those pictures carry the actions to change the thumbnail picture, the mhs_loc (in my case the yellow button) and the red dot compass

I tried arround in lots of combinations until now -> the only result is that while changing the panos with the google maps marker is that the red compass dor switches to the position of the opened pano. Thumbnail doesnt change and teh yellow button stays at the location of the first pano.

I also tried to trigger mouseclicks somewhere else but also this with no result - I must be on the wrong way.

Changing the Activate Action to Initialize showed me that I could hide the map with the buttons and the thumbnails completly from opening the walkthrough - but htis is not what I want to achieve.

Again thanks in advance for any tips or help.


Manfred Huchler