GCM

This is the Google Calendar Map (GCM) homepage, part of the mapFilter project on github. GCM is a way to view calendar events on a google map, see About for more or go straight to the working GCM prototype. This page will change but always contain the latest and greatest on how to use GCM prototype.

About

Paraphrased from my first GCM blog:

Basically it takes a google calendar and plots all the events on a map.  Well, at least all events that have a valid map address.  The mashup works with any google calendar, as long as its public. You provide the URL of a google calendar XML Feed to GCM, then its javascript code eats it up and spits out markers on the map and lists all events on the right side.  The list is really a table, with sortable columns (sort by date, event name, address).

The map acts like a filter – you only see events that occur on the map canvas.  For example, if the map is zoomed in to show downtown Chicago, you might only see events in grant park.  But if you zoom way out you will see events in north chicago or suburbs, too.  This is great when there is a calendar with tons of events going on all over the place.

For more details on this project, check out my GCM presentation from January 2010.  Also make sure to read the Key Features below.

Definitions

  • calendar – a google calendar for now.  Only events in the calendar with valid addresses will appear on map.
  • event – contains name, location, date, and description.  More than one event can be at same location or same time. Can be repeating
  • map canvas – the area of the map you can see on the browser. If an event location is not on the map canvas, it will not be shown on the events list. To zoom out or change map canvas to show all events, remove the map filter by clicking “[x] Filtered by map”
  • location – ‘where’ the event is.  This should be an address, otherwise GCM can’t put it on a map.  Examples of locations that are not addresses include  ”Mom’s house” or “Top of Sears Tower”
  • marker – an icon at a location on the map canvas.  When clicked, reveals details on events at that address (may be more than one event at same location)
  • drawer – on the right side, this contains most everything not on the map – the calendar name, date sliders, GCM logo, status,  events list and filters.  The drawer can be opened/closed (shown or hidden) by clicking on the +/- in the top right.
  • events list – in the drawer, list (in table format) of matching events that are on map.  The events listed are filtered and sortable by name, date, location. When filtered, it may be a subset of all the events.
  • filters – appears above events list.  Currently there are just 2 filters – map and date.  Existing filters are always listed, and can be removed by clicking them.  When all filters are removed, all events are displayed in events list (map will change if necessary to show all events, too).

Uses

  1. User: Going to a neighborhood, want to see what events occur in that neighborhood
    • use map to jump to that neighborhood, and the map change triggers events list and markers to update
  2. User: Going to attend a specific event, want to see what else is nearby
    • use events list to highlight event, which triggers map to center on event
  3. Promoter: My band, book tour, historic buildings seminar, archeological dig, etc .. has several events in several places on different dates. I want to show them all.

Key Features

  1. Map as a Filter
    Move or zoom the map to the area you care about.  The markers and the events list update instantly and automatically, hiding events that are not on the map canvas
  2. Date slider as a Filter
    Show only events that occur between a specific start date and end date.  You can click “Change dates” to pick a large window, say 6 months.  Once all events for those 6 months is loaded and decoded (a few seconds), you can used the date sliders to filter events to a certain week or weekend or whatever.  Instantly.  It’s fun, try it out!
  3. Event Address Debugger
    If you’re not sure how many of your events have valid addresses as locations, this feature makes it easy to find out. All event locations are decoded, and if any are not valid addresses, a “Warning [3]” will appear above the events list.  Clicking on it displays a table of the problematic events.  Just click “Event Details” to load that specific google calendar event.  If you are logged into google and have edit permissions, you can update it immediately, save, and reload GCM.
  4. Map Link
    Share a specific events calendar with exact map location and zoom level – just like the “link” button on google maps
  5. Simple
    First time users – Grab any Google calendar’s ID, drop it in – it just works.  Or grab the “Map Link” and email or IM it to a friend.
  6. Instant
    When you drag date sliders to a specific day, events list updates instantly.  Likewise, moving the map will instantly update events list to only show those events on the map canvas.
  7. Sortable Events
    Events in events list are sortable by name, date, and location
  8. Jump to an address, city, or zip – just type it in the box
  9. Multiple events can exist on one location
  10. Want all map?  you can now make the map cover the entire browser window by closing the GCM Drawer by clicking the +/- in the top right.

Calendar Setup

First, make your calendar public (if it ain’t your calendar, ask owner to do it).

  1. In the Google Calendar interface, locate “My Calendars” or “Other Calendars” lists on the left.
  2. Hover over desired calendar, and click the arrow the appears. A menu will appear.
  3. Click “Share this calendar”
  4. Check “Make this calendar public”
  5. Make sure “Share only my free/busy information” is unchecked.
  6. Click “Save”

Second, find your Calendar’s ID

  1. In the Google Calendar interface, locate “My Calendars” or “Other Calendars” lists on the left.
  2. Hover over desired calendar, and click the arrow the appears. A menu will appear.
  3. Click “Calendar settings”
  4. Look at the “Calendar Address” section of the screen, near XML, ICAL, HTML icons.
  5. Copy string after “Calendar ID:” – it may be your email, or may look like vf3u7s6odj0r74q4lrnb730phk@group.calendar.google.com
  6. NOTE: the calendar ID can also be extracted from the XML Feed. For example, xxxx@group.calendar.google.com is the id for this XML Feed:

    https://www.google.com/calendar/feeds/xxxx@group.calendar.google.com/public/basic

Lastly, Paste the Google Calendar ID in the box above. Optionally add more Calendar IDs, separated by spaces. Click “Add Calendar” .. you’re off!

URL Options

This section explains how some of the (un)documented options for http://chadnorwood.com/gcm work.  Options are standard key=value params in the URL.

Examples

Potential Examples:

  • Tour schedule for bands
  • Garage sales on craigslist
  • Homeowners: Open Houses
  • Chicago Summer Festivals

Actual Working Examples

Screenshots

more here

Influences and Related

  • UI
    • Google.  Duh.
    • kayak.com filters
    • padmapper.com
  • Code
    • jquery
    • jquery-ui

As of September 2010, this is very much a prototype.  That means lots of trying out things to see what works. There are many bits and pieces from other projects, more details coming soon.

Browser Compatibility

Tested to work with the following browsers:

  • Safari
  • Chrome
  • Firefox
  • IE9
  • IE8
  • IE7 (maps can be buggy)

Wish List

  • Text box as a Filter
    • type chars in a box and only events that contain those chars will show
  • Code cleanup
    • Lots here

Changelog

This info is now in the mapfilter changelog on github

This file can also be viewed as a GCP project on github pages

  1. October 28th, 2010 at 16:46 | #1

    Hi there,

    Would love to hear your thoughts on Arrive: http://arriveapp.com

    It doesn’t do anywhere near what GCM does, but it is very useful to find event locations quickly and easily. I am happy to provide you with a free copy to try out.

    Keep up the good work, and thanks in advance if you have any feedback.

  2. Otto IMGRUND
    December 5th, 2010 at 15:23 | #2

    I’ve some calendars with daily events. They aren’t mapped in GCM.
    Do you have a plan to install a solution for that issue ?

    thanx and so long oTTo

  3. December 27th, 2010 at 21:40 | #3

    Thank you very much for your work on this, Chad! I see a lot of great potential here. Just a few quick ideas related to features for your next iterations of the tool:

    1. More customization allowed for date ranges to include. Defaulting to 60 days out is okay. Giving users the ability to change that to 30, or 90 or ??? would be even better. Also, having fields that people can use to type in specific dates in addition to the slide-bar would be wonderful too.

    2. Similar to Otto’s comment, allowing the proper inclusion of recurring events. I have some weekly events on a test calendar I’ve used, and it only displayed the events on one date.

    3. The ability to combine multiple calendar feeds into one display. I know how to combine multiple XML links into one Google Reader feed. However, I don’t know how to bring the link to that combined feed into your tool (if it is possible). What would be even better, however, would be the ability to add multiple calendars during the initial compilation process.

    Thanks again! If you need some help with testing or ???, I’ll do what I can. This would be a HUGE benefit to a few of the non-profits that I serve. – Derek

  4. January 9th, 2011 at 20:33 | #4

    Zack – arriveapp looks cool, but i’m not sure why i’d want it – it doesn’t really save me any time – I already copy addresses into my calendar event description, then on my iphone, i can just click on it and it maps it for me.

  5. January 9th, 2011 at 20:38 | #5

    Derek (and Otto) -

    1. You can already pick initial start and end dates – click on “change dates” and window will popup with calendar date picker. Reload and done !!

    2. Recurring – I just fixed this today. Note it is pretty basic – only lists one of a recurring event if more than one is within slider range.

    3. Multiple calendars – that’s on my list, but will wait till after my rewrite, which i just started. I expect that to take several weeks.

    cheers,
    chad

  6. Otto IMGRUND
    January 17th, 2011 at 14:45 | #6

    Hi Chad,

    is it possible that your GCM server has a problem ? All my links and also yours on this page doesn’t bring the results desired with firefox 3.6 and IE !?

    cheers oTTo

  7. January 27th, 2011 at 11:24 | #7

    This is absolutely superb Chad, I’ve been looking for something like this for ages, and no-one has come close.

    I have a request though, as I wish to embed this into my wordpress-based website.

    Is there any way that some of the elements can be inserted as separate items into a different page? So there’d be some code to insert the map, some code to insert the timetable of events, some code to insert the slider, etc etc? Sure the whole lot could be inserted as an iframe, but that’s not really what I’m after.

    Thanks again for making such an awesome project man.

  8. Bob
    February 23rd, 2011 at 09:16 | #8

    Chad
    I am a San Francisco based back-end developer who is just getting my feet wet in Javascript – I found a link to your project while researching JS, and wow, this is a cool application.

    Is there any place you have published the source code? Is this open-source? I am learning JS based on examples and open source code I can find, so it would be really helpful for a novice like me to understand how you put this together.

    You will find my email in the metadata of this post (I assume you have access to it).

    Thanks
    Bob

  9. Taylor
    February 23rd, 2011 at 22:46 | #9

    Hey, its not working for me… my gcal is http://www.google.com/calendar/feeds/obeewnn%40gmail.com/public/basic
    does it work for you? i tried on ff3.6 and ie7. this would be soooo awesome if i cud get it to work.

  10. February 24th, 2011 at 09:14 | #10

    Russell – I am redoing the code and plan to release it soon on github. The released code will be split into UI and non-UI releated js files. This will make it easier to customize UI, like just put calendar events on a map and hide the list and slider stuff.

  11. February 24th, 2011 at 09:15 | #11

    Bob – I am cleaning up the code and plan to release on github soon – stay tuned

    Taylor – You’re right, it was tripping over a couple events without location. I fixed and verified your link works on Safari, FF 3.6, and IE8 – http://chadnorwood.com/gcm/?u=http://www.google.com/calendar/feeds/obeewnn%2540gmail.com/public/basic

  12. Sam M
    March 1st, 2011 at 07:07 | #12

    Looking forward to a github release so the the state government I work for can modify it for use on our own domain. One of the best most useful projects I’ve ever seen. Much props.

  13. April 20th, 2011 at 18:11 | #13

    Just came across it. It works amazing. I’ve been trying to find a mapping solution for my site for a couple years. Is there anyone to embed this google map without the sidebar onto a wordpress page?

  14. Noah
    May 10th, 2011 at 14:44 | #14

    Kudos on a fantastic app – thanks a lot!
    +1 for an embeddable map.
    +100 for the ability to add lines between locations in date order (e.g. for a trip itinerary visualizer).

    Cheers!

  15. Noah
    May 10th, 2011 at 14:53 | #15

    oh, and while I’m asking – how about the ability to export as KML for import into Google Earth? :) I’d be happy to donate!

  16. Mathias
    July 5th, 2011 at 08:59 | #16

    hi chad!

    great tool – but one thing i’d like to change: your gmc shows not the current time. i’d like to change it to a timezone in germany. maybe berlin should fit.

    how do i change this?

    thanx a lot, mathias

  17. Shellie
    August 19th, 2011 at 10:23 | #17

    Could you use several google calendars as data sources? Im trying to have a “live” map showing current locations of events based on the time of the calendar event. This includes several calendars though.

  18. September 6th, 2011 at 12:20 | #18

    #1 wish: I too would love to be able to embed this map on my website.

    Thanks so much for your great work (and straightforward instructions)

  19. AJ
    September 8th, 2011 at 08:27 | #19

    Chad,

    This is such a great solution. I have noticed that the event times are shown in Central time once loaded into the map. The default time zone from my map is Eastern, and I also have some events on the calendar that are specifically tied to Mountain Time Zone, but all of them are displayed for Central. Being from Chicago, I’m assuming this is something on your end…any thoughts about how to change it so it displays in other time zones?

    Thanks

  20. September 9th, 2011 at 21:30 | #20

    We have a google calendar at:

    https://www.google.com/calendar/embed?src=yvettebikesfortheworld%40gmail.com&ctz=America/New_York

    But when we display a corresponding google map, the times are an hour off:

    http://chadnorwood.com/gcm/?z=7&lat=38.97766&lng=-77.07671&m=0&sd=0&ed=42&u=https://www.google.com/calendar/feeds/yvettebikesfortheworld%40gmail.com/public/basic

    Probably because your utility is based in Chicago and our calendar data is eastern time? Is there a daylight saving option? Or a timezone option?

    Thanks in advance

  21. September 13th, 2011 at 21:02 | #21

    Just in case anyone else has this problem, here are the lines of code I modified to get event times to display properly in Washington DC as opposed to Chicago:

    diff cnMapFilter.js.old cnMapFilter.js
    410c410
    // ‘ctz’ : ‘America/Chicago’,
    801c801,802
    // was -8
    > return s + “-07:00″; // chicago offset

  22. September 13th, 2011 at 21:04 | #22

    (oops, repost with html)

    Just in case anyone else has this problem, here are the lines of code I modified to get event times to display properly in Washington DC as opposed to Chicago:

    diff cnMapFilter.js.old cnMapFilter.js
    410c410
    // ‘ctz’ : ‘America/Chicago’,
    801c801,802
    // was -8
    > return s + “-07:00″; // chicago offset

  23. September 15th, 2011 at 05:30 | #23

    All – Timezones are tricky and need a fix. You can hardcode using a fix like Ben made above, but a proper solution would be to incorporate code from something like https://bitbucket.org/pellepim/jstimezonedetect
    I hope to get that fix in there soon.

    Supporting multiple calendars – i built it so this could be possible without too much work, I may add this if i have time.

    Other features, like making it a wordpress plugin, more modular, KML export, and adding lines on map connecting locations – I’m not sure when these will get addressed, but welcome code.

  24. September 20th, 2011 at 22:08 | #24

    All – Timezones should work much better now, see URL Options above. Code detects the timezone your browser is in, and shows times based on that. To see if it identified your timezone correctly, hover over “Date” in the table header, or look at console logs. Ex:
    http://chadnorwood.com/gcm/?u=http://www.google.com/calendar/feeds/jo0ubvoi1gutr95kdtl1245u3g@group.calendar.google.com/public/basic&debuglevel=3

    Code Details on github (commit1, commit2)

  25. Scott Weiss
    October 15th, 2011 at 15:16 | #25

    Chad, I am looking for a way to filter the data by category that I am pulling into your map application. I know you have date filtering – is this something that is possible with the current code structure?

    Thanks,

    Scott

  26. October 16th, 2011 at 21:38 | #26

    @Scott Weiss Yes, adding categories is possible, but requires some customization since google calendar events do not have a category field. For example, you could standardize on something like putting the category in the description, and have GCM look for that, build a list of all categories found for a given calendar, and then present that list on the web page with checkboxes to show/hide events for each category. Perhaps starting event description with .. CATEGORY: “My category name”

  27. October 24th, 2011 at 20:04 | #27

    Wow I want to do it but I don’t know how to install or load it, could you be specific on how to do it. Thanks wish I could do Austin, TX events with this.

  28. Lindsey
    November 20th, 2011 at 16:08 | #28

    Is there anyway I can get directions from event to event on the map so I don’t have to input the destination each time? Thanks

  29. November 25th, 2011 at 19:41 | #29

    Frank – Instructions on how to “make it go” are on http://chadnorwood.com/gcm/

    Lindsey – I just copy and paste. Pick one event, copy address, click on the other event marker on the map, click on directions, it opens google maps, then paste the first event address.

    Have fun!

  30. Purjuju
    November 27th, 2011 at 08:49 | #30

    Hi!

    Thank you for your amazing project. I’m using it and I noticed something is missing. When I create a recurring event, it appears only once and others doesn’t appear. It would be nice that recurring events appear and make a filter to show or hide recurring events.

    What do you think about that?

    Do you think you can add this fonctionality?

    Thank you very much for your support.

    Julien

  31. Rob
    December 6th, 2011 at 17:20 | #31

    This project looks awesome. One thing I noticed is the locations identified are not the same as those returned by Google Maps when the location is a query string. Some could not be found and were filtered out by GCM (Error: 602), while others were mapped incorrectly (mapped to the city instead of the venue).

    To be fair, I am not inputting exact addresses. I put in something like “Legion Bar, Brooklyn, NY”. Google maps IS able to identify this kind of location.

  32. December 13th, 2011 at 10:12 | #32

    I would like to be able to use this on my site. Have customer view a map that shows dots of past customers showing “I we get around” is there an embed option or stand alone code that could do that? Or could you add that to the wish list. Thanks. Hope to hear great things from this project.

  33. Otto Imgrund
    February 20th, 2012 at 14:42 | #33

    @chad

    Hi Chad,

    what is the state of your “multiple calendars” feature?
    I think you can make a lot of people happy with it.

    thanx and so long oTTo

  34. February 23rd, 2012 at 10:56 | #34

    All – Sorry for delay on this, I’ve been busy. I do hope to spend some time on this code, but finding time is tricky.

    Purjuju – I would like recurring events to work, but getting them to work correctly all the time is tricky. It’s on the list to review.

    Rob – Note that google maps and google maps API do not act the same. I will revisit this since its been about a year since i’ve tested it.

    Otto – Multiple calendars is a biggie, mostly from UI point of view – the backend js side was built with that in mind, so i could get some uber-basic support going. Do you have a specific need ?

  35. Ben M
    March 13th, 2012 at 12:40 | #35

    You are a godsend!

  36. Ben M
    March 13th, 2012 at 16:54 | #36

    Is there any way to just have the map without the slider above the list on the right side? I’m NO programmer.

  37. March 14th, 2012 at 08:19 | #37

    Is it possible to REMOVE the “Map” option from displaying at all? I have meetings in a sigle building and would like to have links to the “Rooms” not just the building. Or, remove “Map”option completely.

    Russ

  38. March 19th, 2012 at 09:19 | #38

    We deeply thank you for giving us the chance to use the GCM!
    We are a small volunteer team, which uploads events, evening services and vigils of the Orthodox Church in Greece, and for a long time we had been looking for a way to map our events.
    Thank you again for this very useful program and for using it for free.
    Yannis – Yota
    Greece

  39. May 1st, 2012 at 10:40 | #39

    Hi Chad
    Since yesterday we are facing a problem with GCM. It doesn’t load any events. Also it is not possible to change any date as it seems stucked in “Fetching Calendar…” procedure. Is there any posibility being blocked by the big number of our events? Since the beginning of March more that 200 events have been mapped totally.
    Thank you
    Agrypnies Greece

  40. May 1st, 2012 at 16:46 | #40

    @Agrypnies
    I checked and indeed found a bug. One of your events has no “when” which aborted the calendar processing too early. I fixed and now works even if no “when” is found.

  41. May 2nd, 2012 at 05:34 | #41

    Hi Chad.
    We are really impressed by the prompt response and help!
    We thank you wholeheartedly.
    God bless you and Shayna!
    Agrypnies Greece

  42. May 23rd, 2012 at 21:39 | #42

    GCM now has multiple calendar support and the “drawer” can be opened/closed (shown/hidden). Updated urlOptions above. More changes listed in new changelog file on github – https://github.com/chadn/mapfilter/blob/development/changelog.rst

  43. Ken Ziegelbauer
    May 26th, 2012 at 10:00 | #43

    Hi, I downloaded the latest code [chadn-mapfilter-0.3-0-g7dc49a8] on May 25, 2012. This is a great application that I am styling to incorporate into our website. Thanks for all of your hard work! i thought it might help if I listed some observations from various browsers when the included ‘index.html’ is run from the examples ….

    1. Firefox v12.0 … right hand slider does not move. Left hand slider moves once either by dragging or clicking the ‘path’ between the two ends. Then neither slider responds until the map is cleared back to all events shown.

    2. iPAD2:
    2a:slider movement is limited when dragging with finger. either left of right slider only moves a few pixels til dragged again. Touching the ‘path’ between moves either slider as expected.
    2b: Touching the NAME entry in the table does nothing. It does not move to the selected event. Note, touching an event marker DOES highlight the corresponding name entry in the table and does popup the info window for the event. Note:Zoom To and Directions appear to work on the iPAD.
    2c: touching the Event Details link in the table brings up a Google Calendar sign in screen instead of going to the public event detail.

    3. IE 9.0 ….All functions are working nicely.

    4. IE 8.0 ….The right slider does not function. The left slider behave correctly. All other functions are working nicely.

    Thanks again. i wil be checking in to see the progress.
    Regards,
    Ken Z

  44. Amanda Baker
    July 25th, 2012 at 02:25 | #44

    Hi, Chad,

    Thank you for putting this together. It’s an obvious functionality need, building on the intrinsic Google feature of viewing a single Google Calendar event location on a Google Map.

    At the moment, I can’t view your example mapped calendars, however. It’s just sitting, saying ‘Fetching Calendar’ unfortunately :-(

    I’m using Google Chrome 20.0.1132.57 m under Windows 7 Pro Service Pack 1 – this is apparently the most up-to-date Chrome version for my OS.

    Many thanks for any thoughts you might have on this.

  45. August 7th, 2012 at 06:19 | #45

    Hey Chad,
    Love the calendar, it’s one of the greatest things that I’ve found in a long time. I’m having a problem with my calendar loading events before noon. Is there any way that I can set the date range to one day before so that it’ll allow me to view all of the current days events?

    Thank you in advance.

  46. August 7th, 2012 at 07:17 | #46

    Ken – Thanks for the feedback. I made a few fixes, but iPad support will have to come later – details under 2012-6-6 in change log: https://github.com/chadn/mapfilter/blob/development/changelog.rst

    Amanda – Works for me .. maybe it was a temp issue? does it work now? Does it work in other browsers or other computers?

    Justin – Yes, you can. To set start date of calendar data to one day before today, add “&sd=-1″ to the end of the URL. This is mentioned above at http://chadnorwood.com/projects/gcm/#urlOptions

  47. Steve
    August 28th, 2012 at 05:52 | #47

    Hi Chad,
    Just wanted to say that its an impressive thing you have made!! Its fantastic. One quick question. I live in Denmark and would like to use the functionality of inserting an adresse – but when I insert a danish adresse the map just starts jumping around.
    Thanks
    Steve

  48. Clare
    September 3rd, 2012 at 08:00 | #48

    Hi

    I’ve been trying to get this to work and not having much luck. Is there a specific way to write the locations? I can view them on the map if I open the appointment and click map.

    All my events are based in the UK, does that make a difference?

    Thanks

    Clare

  49. September 20th, 2012 at 07:58 | #49

    Chad,
    Love the tool! I own a food truck and it is a great way to share our calendar with our Followers.

    My only observation that is somewhat limiting my use is that when an event starts, it is no longer displayed on the map. I am wondering if there is a setting or feature that I am not aware of that will allow the map to remain updated until the event is finished? It appears that the start of the event is the switch to turn off the map display, however I am hoping to be able to change that to be the end of the event as the switch.

    Any suggestions or plans to include a feature like this?

    Thank you again for all that you have done!

    Tom

  50. Spring
    October 15th, 2012 at 17:12 | #50

    Hi there,

    I used your GCM for my event planning and it’s a wonderful tool! But it seems GCM is not working right now and when I tried to open the GCM link only got a blank page. Is it going to be fixed or it will no longer be available any more?

  51. October 23rd, 2012 at 14:58 | #51

    This is awesome. Thanks.

    For some reason my last couple of events aren’t showing. The slider goes to 12-4 but I have events on 12-15 and -16. Is there a limit?

    wishlist request: how about a tool to draw an ‘x’ mile circle around a zipcode (address). i.e. “What events are within 100 miles of me?”

    Thanks again. Very cool.

  52. October 23rd, 2012 at 15:25 | #52

    I found the date thing. Defaulted to 42 days. I extended it just fine.
    When I enter Boston in the ‘city, address, zip’ search box it recenters the map to Sequoia National Park in CA. ??

  53. November 3rd, 2012 at 07:49 | #53

    Steve and Clare –

    Locations, aka Addresses, are read from google calendar and passed back to google maps. If its not working as expected, confirm that it does work without GCM by going to google calendar event in question and map the location. If that works, and GCM does not, send me the details (an example) that shows it not working.

  54. November 3rd, 2012 at 07:51 | #54

    Tom –

    Event start/end times are not explicitly accounted for. That is, it will take some work to fix. Do you have a calendar i can use to test?

  55. November 3rd, 2012 at 08:14 | #55

    Spring – it should work. If your still having problems, let me know

    Todd – Glad you figured out date thing. And you’re right about Boston thing – it is not jumping to Boston as it should, i will have to fix.

  56. November 4th, 2012 at 12:10 | #56

    Todd – Boston issue is fixed (details)

  57. Miloš Jedlovský
    November 9th, 2012 at 05:54 | #57

    Hello,
    GCM is supper.
    I use in Google Calendar field Where: Rekreačný dom Vyhne @48.502296,18.804755
    In google maps it show a picker on good location. I want use it.

    In our country google give not good location from exact addres, or it is unknown.

    Using picker is good when event took place without address. For example event in forest.
    It is possible add this to GCM?

  58. PaulC
    December 10th, 2012 at 05:05 | #58

    Hi, I’m getting ‘Fetching Calendar… ‘ for all demo and my own calendars both from your hosted site and a local one. Is this going to be permanent as it looks quite useful for a couple of projects?

  59. Yong
    March 1st, 2013 at 15:07 | #59

    Hi Chad,

    Thank you for sharing this app. I used it for one of my clients website, and they like it. But there is a problem. It doesn’t show minute part of event time. For example, if an event starts at 7:30pm, it shows up only 7p on the “balloon” on map. It shows up correctly on the table on right side though.

    Here is the url
    http://chadnorwood.com/gcm/?z=4&lat=42.832009&lng=-76.990656&m=-1&sd=0&ed=42&cd=undefined&gc=12qomqk95o7bg2nh73fb1edvek%40group.calendar.google.com

    Did I setup something wrong? or since it has a “:” colon before minute, it causes an error in programing?

    Thanks,

    Yong

  60. March 3rd, 2013 at 18:31 | #60

    MIlos – I will not add a picker. Just update your google calendar event to use coordinates instead of an address, that should work.

  61. March 3rd, 2013 at 18:31 | #61

    PaulC – Temporary error, i’m sure

  62. March 3rd, 2013 at 18:50 | #62

    Yong, You are right, minutes were not displayed on infowindow (balloon). i fixed on chadnorwood.com

  63. Yong
    March 4th, 2013 at 11:20 | #63

    Chad,

    Yes, it works now. Thank you so much!!

    Best,

    Yong

  64. nealmibe
    March 25th, 2013 at 12:39 | #64

    Hello Chad,
    this is a very nice and useful tool. Is there any possibility to save the maps as a personal google map? It would give me the chance to transfer the maps to my android phone. Thanks for your advice.
    Greetings,
    Neal Mibe

  65. Sven
    April 8th, 2013 at 23:22 | #65

    Chad,
    Thanks for the great work. This is a wonderful project. I am having one issue with it. Although there is a field marked “Change dates” and I can click this and change the dates the map never updates with the new dates. I have tried this on various browsers so I can be sure it is not a browser problem. I have looked through the code a little, but haven’t been able to figure out why this is. Currently it appears that I can only view events from the current date to about 1 month and 12 days in the future. I’d like to be able to (for example) change the dates to look at a range from June to August 2013, but I have been unsuccessful. Also, if there are no events in the calendar until June then it would be nice if the calendar-map defaults to a range that contains some events. Thanks for any help you can offer. Overall a very neat idea.

  66. Sven
    April 8th, 2013 at 23:29 | #66

    Hmmm… Well, wouldn’t you know it, as soon as I post it seems to start working. I’m not sure how I solved the problem, but it works as expected now. Sorry for the post.

  67. Sven
    April 8th, 2013 at 23:39 | #67

    While I’m posting, where in the code does it specify the default location that the map is centered on? I’d like to change this. Thanks.

  68. mike
    April 18th, 2013 at 08:27 | #68

    Chad, this is great! Anyway it can be modified to load by city instead of dates? Or to load by date then filter by city?

  69. April 19th, 2013 at 08:35 | #69

    nealmibe – Right now you cannot save as a personal google map. That would be cool, tho, I may look into it.

    Sven – Glad it worked. Default location is chicago till the first calendar event is loaded. Then the map you see will continue to expand in order to include all events from the calendar.

    Mike – If you only want to see calender events in a specific city, you just change the map to that city (either by dragging and zooming, or use the “Jump To ..” box in upper right). Remember that map is a filter, only events on the map will be displayed in that city. Then click on “map link” under GCM in upper right. Now you have a URL that will load the map in that city. Does that answer your question?

  70. Vincent
    April 23rd, 2013 at 13:47 | #70

    Any way to populate a calendar from a public iCal url? I can import the calendar into google calendar but can not figure out how to make it public.

  71. April 23rd, 2013 at 14:11 | #71

    Vincent,

    Yes you can use calendar data from a public iCal URL, once its imported into google calendar. All you need for GCM is the calendar ID – see instructions above.

    Please look at google calendar help for details on your specific issue. Here’s a starting point
    http://support.google.com/calendar/answer/37648?hl=en&ref_topic=1672003

  72. A.K. Bjorn
    July 1st, 2013 at 08:59 | #72

    I gotta tell you. This is amazing. Google tried to do something like this and it’s awful, and I LIKE Google. I created the Atlanta Comedy Open Mic Calendar which is used religiously by most of the Atlanta comics. When I used your API and made Atlanta Comedy Open Mic Map, they lost it. Remember that scene in Wayne’s World “We’re not worthy!!!” Yeah, it was like that. Thanks for making me look like a hero.

  73. Brad
    October 10th, 2013 at 11:07 | #73

    Hey Chad! Awesome product man! I have been looking for this tool for 2 years. I have only one bug that I wondered if you could help me with. Sometimes my multi-day events will not show on the end day.

    For example: I have an all day event from Oct. 8th- Oct. 10th. With today being October 10th it should show, however sometimes it does and sometimes it doesn’t. Any ideas? Thanks man!

  74. Brad
    October 10th, 2013 at 11:14 | #74

    Little update, I think the all day event drops off after noon local time on the end date. Could I be wrong?

  75. Brad Burke
    October 15th, 2013 at 09:43 | #75

    Hi Chad, I have one issue with the output. When I use &ed=0 in the URL it seems to return the current day in the slider, but does not return any events. Maybe I should use a different URL combination to return the current day all by itself?

  76. November 2nd, 2013 at 01:24 | #76

    Hi Chad! Thanks for GCM. I’ve managed to set the time zone, just by putting ?tz=cal and by making sure that my calendar time zone setting is the correct! Since i’ve made those changes the GC map works correctly. But I still have to ask how can i fix the fact that the links in my events connect to gcm and not to the right address for example:
    (http://chadnorwood.com/gcm/blastos.wordpress.com/2013/10/29/%CE%B5%CE%B9%CF%83%CE%B1%CE%B3%CF%89%CE%B3%CE%AE-%CF%83%CF%84%CE%B9%CF%82-%CE%B1%CF%81%CF%87%CE%AD%CF%82-%CF%84%CE%B7%CF%82-%CE%BC%CE%B5%CE%BB%CE%B9%CF%83%CF%83%CE%BF%CE%BA%CE%BF%CE%BC%CE%AF%CE%B1/
    instead of http://blastos.wordpress.com/2013/10/29/%CE%B5%CE%B9%CF%83%CE%B1%CE%B3%CF%89%CE%B3%CE%AE-%CF%83%CF%84%CE%B9%CF%82-%CE%B1%CF%81%CF%87%CE%AD%CF%82-%CF%84%CE%B7%CF%82-%CE%BC%CE%B5%CE%BB%CE%B9%CF%83%CF%83%CE%BF%CE%BA%CE%BF%CE%BC%CE%AF%CE%B1/ Thank you!
    Giota K from Greece

  77. kelly
    November 26th, 2013 at 06:13 | #77

    Hi Chad/All. Is this project still being developed? Are there commercial versions of this or other similar projects available? I’d like to create a website based on a calendar map. Using google calendars would be ideal and this looks like a great tool. I wonder if it’s still being worked on? I tried to put in a test calendar I have for next year but was not able to change and ‘reload’ the dates. Tks

  78. Vic Mortelmans
    February 6th, 2014 at 04:39 | #78

    Hi Chad,

    I was thinking about an almost identical project, based on Google Fusion Tables. They have much of the logic built-in required for filtering a table (of events in this case) based on a displayed map that can be freely navigated. Fusion Table performance may be better, because the markers are not drawn on the map based on client-side logic, but they are burnt in to the displayed map on server-side. Only downside: Fusion Tables are still ‘experimental’, so Google may decide to waste them anytime.

    Did you consider using Fusion Tables (maybe they weren’t around when you did this job?)

    Best regards,
    Vic

  1. September 12th, 2010 at 21:54 | #1
  2. September 12th, 2010 at 21:55 | #2
  3. March 30th, 2011 at 20:57 | #3
  4. April 10th, 2011 at 10:43 | #4
  5. September 29th, 2011 at 13:19 | #5