Skip to content

Instantly share code, notes, and snippets.

@ethanmay
Last active June 30, 2016 15:31
Show Gist options
  • Save ethanmay/5ffc3136a6fc6593cc7213761c1942db to your computer and use it in GitHub Desktop.
Save ethanmay/5ffc3136a6fc6593cc7213761c1942db to your computer and use it in GitHub Desktop.
Location Details example, update reference, and instructions
// The below JSON object is an example of all the necessary information
// for adding a location to the tour map. This specific example can be
// found in the live code at lines 845 - 880. I have annotated this object
// to explain what each property does.
// If you need to add an entirely new location to the map, follow these instructions:
// 1. Highlight & copy the below JSON object
// 2. In the code (index.html), find the last JSON location, currently located at line 1240
// 3. Place your cursor after the "}," and hit Enter, then paste in the new JSON object
// 4. Edit the JSON object as needed
// If you need to edit the coordinates of the pin on the map, follow these instructions:
// 1. Add ?edit=true to the end of the URL (ex: http://sparkamind.stage.ampagency.com/dist/?edit=true)
// 2. Click the point on the map where you would like the pin to display
// 3. Change the coordinates below to match the coordinates in the modal window that appears
{
'coords': {
'x': 44.70, // the X position of the coordinate on the map
'y': 44.54 // the Y position of the coordinate on the map
},
'title': 'New York, NY', // Shows in the scrollable text area underneath "OUR NEXT STOP"
'location': 'New York, NY', // Shows in the bubble that is attached to each pin
'date': new Date('2016-06-26'.replace(/-/g, "/")), // Controls the date functionality. If you have a range of dates, set this to be the latest date
'textDate': 'June 26', // Text to display underneath 'title' in the scrollable text area
'activities': [ // These are the on-site activities for each location
{
'title': 'Curious World HQ',
'desc': 'The welcome truck with a giant map featuring videos of children saying “hello” in multiple languages, where adventure leaders will give children the opportunity to plan and document their Curious World Tour journey with a Curiosity Log and download the Curious World app to extend their learning beyond the tour experience.'
},
{
'title': 'Story Camp',
'desc': 'A tented library featuring HMH characters and award-winning stories — like Curious George, Gossie and Gertie, and the Five Little Monkeys — inviting kids to relax on tree-trunk stools and open up their imagination during a guest-reader-hosted story time or simply kick back with a good book from the HMH for Young Readers collection.'
},
{
'title': 'Community Garden',
'desc': 'An outdoor space for kids to engage in various food-learning exercises, like playing a matching flip wall game to enhance their memory skills and recognize fruits and vegetables, and planting their own seeds in a decorated pot that they can take home to water and watch grow.'
},
{
'title': 'Space Station',
'desc': 'An extraterrestrial area expanding kids\' minds, encouraging them to think beyond planet Earth with the opportunity to make their own paper bag alien puppets, build their own space shuttles out of blocks, learn about constellations in rocket ship light brites, and take home a constellation temporary tattoo that matches their birth year.'
},
{
'title': 'Jungle Jamboree',
'desc': 'A play area with an open stage featuring special appearances by Curious George and others, where kids will learn about sound, rhythm and tunes on an interactive music wall and create their own jungle play productions by making animal finger puppets and dressing up in costumes.'
},
{
'title': '#SparkAMind Color the World',
'desc': 'A collaborative mural to help kids express their artistic side and learn about team work as they color in their favorite HMH characters together along with a local artist.'
}
]
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment