Contribute to the official 29th Annual Conference Map held in St. Cloud, Minnesota this October!
The map includes:
- The conference host site
- Hotels (including hotels with conference rates)
- The 5k fun run/walk route
- Establishments to get cuisine and/or order #geobeers 🍺
- Area attractions
- Bootleaf, a compilation of the Bootstrap and Leaflet libraries.
- Leaflet.awesome-markers; a colorful iconic & retina-proof markers for Leaflet, based on the Glyphicons / Font-Awesome icons.
- Leaflet.AlmostOver plugin, allowing the detection of mouse click and overing events on lines, with a tolerance distance. It is useful if paths are drawn with a very small weight, or for clicks detection on mobile devices, for which finger precision can be a problem.
The conference moves around the state of Minnesota, and has previously been located in Bemidji, Duluth, Rochester, St. Cloud, and St. Paul.
To accommodate the location changes annually while maintaining content for future years, each city has its own folder within the data
folder (e.g. data/duluth
).
When adding a new city, the following are required within the data folder:
- data/site/Layout.json
- data/attractions.geojson
- data/establishments.geojson
- data/events.geojson
- data/funRoute.geojson
- data/hotels.geojson
To change the view of cities within the webpage, edit the second to last script reference (app.js) in index.html by changing the city
value:
<script src="assets/js/app.js" id="conference-city" city="bemidji"></script>
<script src="assets/js/app.js" id="conference-city" city="duluth"></script>
<script src="assets/js/app.js" id="conference-city" city="stcloud"></script>
In addition to the data folder, content and functionality will be generated based on the selected city within the assets/js/app.js
and assets/js/content.js
files.
Content in app.js pertains to JavaScript-specific content, and content.js contains HTML-generated content (using JavaScript).
If the developer changes the city
value in the index.html file, that is the city that is generating the content in the JavaScript files.
For example:
/* City-Specific JavaScript Content */
if (conferenceCity == "bemidji") {
//Bemidji-specific javascript content
} else if (conferenceCity == "duluth") {
//Duluth-specific javascript content
} else if (conferenceCity == "stcloud") {
//St.Cloud-specific javascript content
}
The conference map has generally been linked to from the conference page navigation. The map can also
be embbed using an iframe
, e.g.
<iframe src="https://mn-gis-lis.github.io/conference-map" frameborder="0" width="600" height="400"></iframe>
Pull requests of any kind are welcome, including enhanced functionality and new places! No request is too small!
- Simplify the conference schedule modal for improvements and future maintenance.
- Code refactoring for future maintenance.