A dynamic app that allows users to locate music festivals around the nation. This is done by utilizing the search options to narrow down the users unique preferences and display the locations on an interactive map. Once the search executes, the user will be presented with festival options and corresponding information.
Visit here: Revelry.com
- Html
- CSS
- Javascript
- Google Maps API
- TicketMaster API
- AngularJS
- Bootstrap
- CodyHouse.co Transitions
The following code was created to place the markers onto the map based on the selection of the user to geographically locate the music festivals taking place during a specified time.
var markers = [];
function resetMarkers() {
if (markers.length !== 0) {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
}
markers = [];
}
var infoWindow = new google.maps.InfoWindow({});
function placeMarkers(venue, fest) {
var content = '<h6>' + fest.name + '<br/><small>' + venue.name + '</small>';
var lat = venue.coords.lat;
var lng = venue.coords.lng;
console.log(lat + ", " + lng);
var icon = 'img/location-pin.png';
var marker = new google.maps.Marker({
position: {lat: lat, lng: lng},
map: map,
title: venue.name,
icon: icon,
animation: google.maps.Animation.DROP,
});
marker.addListener('click', function() {
infoWindow.setContent(content);
infoWindow.open(map, marker);
map.setZoom(12);
map.setCenter(marker.getPosition());
});
markers.push(marker);
} 
- The ability to provide directions for the user.
- Weather forecast information for the time and location of the event.
- Markers and a budget calculator that incorporates travel expenses, food and lodging for each festival.
