Cruisers Forum
 


Join CruisersForum Today

Reply
 
Thread Tools Rate Thread Display Modes
Old 06-08-2011, 03:34   #1
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Caribbean Sailing Pictures on an Interactive Google Map

In recent days the weather here in Europe has been less than optimal and I've spent a few cold and rainy evenings inside in front of my computer -- painfully learning about php, JavaScript, Google map APIs and CSS.
The result of this effort is a Google maps interactive map with my geo-coded pictures from sailing Zanshin I around the northern Caribbean. While there are over 800 photos in the map, I've used a Google widget to cluster pictures together so that the map doesn't get too cluttered and it works quite well, showing more detail as one zooms further in.
I'd like to get some feedback on the page (not the pictures, I can't change those) as this weekend looks like it is going to be rained out again. At least when I'm playing around on the web site I won't be spending money on ebay or helping put my local bartender's kids through school...
Just click on the image below to get virtually transported to the warm Caribbean.
__________________

__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Old 06-08-2011, 04:34   #2
Registered User

Join Date: Aug 2008
Location: St. Martin
Boat: St. Francis 43 Brisa
Posts: 333
Re: Caribbean sailing pictures on an interactive Google map

Very cool... My boat is in the google map for st. martin... didnt know that before!
__________________

__________________
sailingaway221 is offline   Reply With Quote
Old 06-08-2011, 07:24   #3
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Re: Caribbean sailing pictures on an interactive Google map

Sailingaway - You mean I got a picture of your cat and didn't realize it?
__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Old 06-08-2011, 07:34   #4
Registered User

Join Date: Aug 2008
Location: St. Martin
Boat: St. Francis 43 Brisa
Posts: 333
Re: Caribbean sailing pictures on an interactive Google map

Zanshin... its actually on the google map itself.... but I really liked the map you made.
__________________
sailingaway221 is offline   Reply With Quote
Old 06-08-2011, 08:40   #5
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Re: Caribbean Sailing Pictures on an Interactive Google Map

Cool about being on the map - I've always wondered if my boat were on any picture in Google but doubted it. The only vessel I've positively identified from Google in the Caribbean is the William Thornton´.
__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Old 07-08-2011, 06:10   #6
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Re: Caribbean Sailing Pictures on an Interactive Google Map

I've got Version 1.1 up on the site now - a couple of minor fixes and I've added a compass where the needle points in the direction that the photo in the thumbnail was shot in; while that doesn't sound like much, it took several hours to get working correctly despite all the photos having the information embedded in them.

See Interactive Map now with compass

and a moving
__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Old 07-08-2011, 06:50   #7
Senior Cruiser
 
Vamonos's Avatar

Cruisers Forum Supporter

Join Date: May 2011
Boat: Pearson 385
Posts: 179
Re: Caribbean Sailing Pictures on an Interactive Google Map

I first tried with Google Chrome and it was quite annoying. Chrome treats the pop-up pictures as pop unders. The open in a new tab but the new tab does not get focus. IE and Firefox acts nicer. Could you use something like Shadowbox to pop the pictures up in the same tab, requiring less "mousing"?

Richard
__________________
Vamonos is offline   Reply With Quote
Old 07-08-2011, 08:15   #8
Registered User
 
Jerry Woodward's Avatar

Join Date: May 2008
Location: Kentucky
Boat: PDQ 32 LRC
Posts: 278
Re: Caribbean Sailing Pictures on an Interactive Google Map

Very cool. I like the way you can see a preview of the picture with a mouse-over, and then decide whether you want to open the full size pic.
__________________
Jerry Woodward is offline   Reply With Quote
Old 07-08-2011, 09:04   #9
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Re: Caribbean Sailing Pictures on an Interactive Google Map

Quote:
Originally Posted by Vamonos View Post
..Chrome treats the pop-up pictures as pop unders...Could you use something like Shadowbox to pop the pictures up in the same tab, requiring less "mousing"...
I'm trying to figure out how to make popups on the same page, as just opening up the big .jpg image also has the disadvantage that I can't display the title/comments either. Because of the way Google maps works, it is a tougher thing to do than it would seem.
__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Old 07-08-2011, 09:50   #10
Senior Cruiser
 
Vamonos's Avatar

Cruisers Forum Supporter

Join Date: May 2011
Boat: Pearson 385
Posts: 179
Re: Caribbean Sailing Pictures on an Interactive Google Map

Quote:
Originally Posted by Zanshin View Post
I'm trying to figure out how to make popups on the same page, as just opening up the big .jpg image also has the disadvantage that I can't display the title/comments either. Because of the way Google maps works, it is a tougher thing to do than it would seem.
Here is one site that has an interesting solution, displaying it in an infobox.

http://www.pomona.edu/tour/

Richard
__________________
Vamonos is offline   Reply With Quote
Old 07-08-2011, 10:59   #11
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Re: Caribbean Sailing Pictures on an Interactive Google Map

Vamonos - I had that method on my earlier version, but it had the restriction that an automatic display of the thumbnail on mouse-over wasn't possible; but I'm playing around with an alternative solution for a window that I think might work. Unfortunately, the pomona page doesn't work under IE9... Man, this browser incompatibility really sucks when trying to use nifty html feature since they have so many rendering problems.
__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Old 07-08-2011, 11:22   #12
Elvish meaning 'Far-Wanderer'
 
Palarran's Avatar

Cruisers Forum Supporter

Join Date: Jan 2008
Location: Me - Michigan / Boat - Tenerife
Boat: 56' Fountaine Pajot Marquises
Posts: 2,641
Re: Caribbean Sailing Pictures on an Interactive Google Map

Hello Zanshin,
When I use Google Earth and zoom out it groups the photo's together like yours. But when you click on the photo folder, you can page through them all one at a time. When I click on yours in zooms in and doesn't show the photo until it's fully zoomed. I'd prefer that it allows viewing from a distance.
__________________
Not all who wander are lost

http://www.sailblogs.com/member/palarran/
Palarran is offline   Reply With Quote
Old 07-08-2011, 11:23   #13
Elvish meaning 'Far-Wanderer'
 
Palarran's Avatar

Cruisers Forum Supporter

Join Date: Jan 2008
Location: Me - Michigan / Boat - Tenerife
Boat: 56' Fountaine Pajot Marquises
Posts: 2,641
Re: Caribbean Sailing Pictures on an Interactive Google Map

Had to make one more post in order to hit 1000 - Bingo
__________________
Not all who wander are lost

http://www.sailblogs.com/member/palarran/
Palarran is offline   Reply With Quote
Old 07-08-2011, 12:12   #14
Registered User
 
speciald@ocens.'s Avatar

Join Date: Apr 2008
Location: On the boat - Carib, Chesapeake
Boat: 58 Taswell AS
Posts: 1,139
Re: Caribbean Sailing Pictures on an Interactive Google Map

Hey - I found my boat sitting in Captain Oliver's Marina in Oyster Pond, Sint Maarten. Google must have recently updated the photo. My boat looks small sittin next to a 72 foot cat.
__________________
speciald@ocens. is offline   Reply With Quote
Old 07-08-2011, 23:52   #15
Registered User
 
Zanshin's Avatar

Join Date: Feb 2007
Location: Caribbean
Boat: Jeanneau 57
Posts: 1,621
Re: Caribbean Sailing Pictures on an Interactive Google Map

Palarran - a picture of your boat is in my list, while you were anchored off Gustavia in St. Barths.

I am going to play around with the formula for grouping, I think I can change that behaviour.
__________________

__________________
-Zanshin (SV Zanshin)
Zanshin is offline   Reply With Quote
Reply

Tags
Caribbean, google, sailing

Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Sailing During Hurricane Season in Caribbean - Need Advice Palarran Seamanship & Boat Handling 46 20-08-2017 20:36
Beijing Sailing Center Beijingsailing Commercial Posts 2 15-07-2011 01:15
Caribbean Sailing in July ? nicasailandsurf Atlantic & the Caribbean 13 12-07-2011 15:36



Copyright 2002- Social Knowledge, LLC All Rights Reserved.

All times are GMT -7. The time now is 19:55.


Google+
Powered by vBulletin® Version 3.8.8 Beta 1
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Social Knowledge Networks
Powered by vBulletin® Version 3.8.8 Beta 1
Copyright ©2000 - 2017, vBulletin Solutions, Inc.

ShowCase vBulletin Plugins by Drive Thru Online, Inc.