Finding Bicycle Rides in Maine

Search Page, Desktop View
The search page, in desktop view. The search UI is mobile responsive, with the search bar collapsing into a full-page modal window.
Client:   The Center for Community GIS

The Bicycle Coalition of Maine (BCM) promotes bicycling and walking throughout Maine. This includes advocating and training for bicycle and pedestrian safety, organizing of group riding events, and acting as a clearinghouse for bicycle-related events and resources. GreenInfo Network was asked to develop Where To Ride, a BCM-branded microsite for finding bicycle rides and events.

In 2017, the Bicycle Coalition of Maine's project partner, the Center for Community GIS (CCGIS - also based in Maine), contacted GreenInfo Network to implement the planned Where To Ride website which was to consist of three components:
  • An administrative back-end, where BCM and CCGIS personnel would manage the list of Rides, including management of the rides' routes and points of interest relevant to each ride
  • A front-end site to search for rides by the surface. mileage, and other criteria
  • Individual pages showing details for a ride; this would include a slideshow, a map showing the ride route and points of interest, have GPX and KML downloads, and a comments system
TIM - add data section?? other content?

For the server framework, Django was chosen for its rapid development and robust object-relational mapper.

Management of rides is done in two parts. A ride's path and points of interest are collected in desktop GIS, merging road and trails data with manual curation to form the ride's route, and digitizing point data to form the points of interest. These are saved as KML files, to be uploaded into the website's ride-administration UI. This admin UI would be used to populate further details about the ride: the automatically calculated length, descriptions, and photos. The end result will be the ride's details page, featuring a slideshow, a map of the route and POIs, and links to download the route and POIs in KML and GPX formats.

The search front-end is written in Angular, and is very mobile responsive. A lot of custom work was done here, to make the search panel turn into a full-screen modal window when used on mobile, and to create customized visible scrollbars on mobile since iOS and Android do not show scrollbars visibly.


Focus:   Environment, Human Services, Public Health, Recreation  

Services:  Interactive Solutions, GIS Services, Data, Maps, Applications Development, Web Mapping, Website Design, Mobile Applications 

Tags:   Maine, trails  

Project Years: 2017

GreenInfo Network creates, analyzes, visualizes and communicates information in the public interest. We specialize in mapping and related technology for nonprofits and public agencies, focusing on using it for conservation, social equity, public health, environment and foundation grant making.
2201 Broadway, Suite 604
Oakland
CA
94612
United States of America