Plan uw reis zomer honkbal met een Dynamic Web App kaart (6 / 6 stap)

Stap 6: Zet het allemaal samen


Ik heb nu alle gegevens in een array van javascript - team geolocations en lijst van spellen voor elke dag. Afhankelijk van waar de schuifregelaar wordt ingesteld door de gebruiker, uitvoeren ik een oproep jquery ajax naar een voorwaarde-MLB web gebaseerde dienst die geeft als resultaat alle games voor een bepaalde dag in XML-indeling, met live score bijwerken. All that's left is nu ontleden de XML-client en plaatsen van de team-markeringen op de kaart met behulp van de meegeleverde Google API. De onclick en onhover evenementen bieden spel detailgegevens beschikbaar, en de MLB spel link is gegenereerd op basis van de unieke spel ID van het XML-bestand. Tot slot, de HTML-pagina met de kaart en de bijbehorende javascript-bestanden te uploaden naar een webhost te delen met de wereld.

Nu heb je een werkende kaart met een schuifregelaar controleren welke spellen om te laten zien voor welke dag, en een algemene handleiding voor het maken van uw eigen. Geniet van!

Alle feedback welkom, met betrekking tot elk aspect van dit project.

Gerelateerde Artikelen

Aansturen van Relais met een aangepaste Android app!

Aansturen van Relais met een aangepaste Android app!

Dit is hier een laatste project dat ik heb voor mijn klas micro controller op mijn lokale junior college gemaakt.Zijn een 4 kanaals relais boord die wordt beheerd via een Bluetooth-apparaat, alsmede een android app voor een eenvoudige interface om te
Vechten natuur tekort stoornis * met een Camera

Vechten natuur tekort stoornis * met een Camera

Wanneer ik heb gewerkt binnen hele week zonder zelfs een venster om uit te kijken ik voel me een natuur tekort stoornis * kruipen over me heen.Een dag van outdoor fotografie met een paar goede beelden te zetten op mijn muur of als screensaver helpt m
Het koppelen van .torrent bestanden in windows met een webgebaseerde torrent-systeem

Het koppelen van .torrent bestanden in windows met een webgebaseerde torrent-systeem

zoals u allen weet, .torrent bestanden zijn bestanden met de BitTorrent P2P-Protocol gebruikt, en houd de metagegevens nodig om te starten van de bestandsoverdracht. Echter, er is geen ingebouwde torrent software met windows, zodat gebruikers moeten
Sensorgegevens (DHT11 & BMP180) verzenden ThingSpeak met een Arduino, met behulp van ENC28J60 Ethercard

Sensorgegevens (DHT11 & BMP180) verzenden ThingSpeak met een Arduino, met behulp van ENC28J60 Ethercard

Opmerking: Dit instructable is voor de oude ENC26J60 Ethershield en ethercard. Als u de moderne WIZ5100 op basis van Ethernetshield of een ESP8266 ga bezoek mijn andere instructable dat ik noemen hieronderOngeveer een jaar en een half geleden ik publ
Scannen van negatieven met een platte scanner, computer, legos en een licht

Scannen van negatieven met een platte scanner, computer, legos en een licht

heb je oude negatieven aanbrengen rond uw huis? Wil ze digitaal?Dit instructable zal u tonen hoe u negatieven zonder een film scanner kan scannen.Stap 1: Scaning Bouwen van een eenvoudige licht strakke lego doos met een vierkant gat in het midden gro
Reis je met een Mac-laptop of iPod en camera-oplader? Neem niet die netsnoer!

Reis je met een Mac-laptop of iPod en camera-oplader? Neem niet die netsnoer!

Hier is een zeer eenvoudige instructable voor degenen onder u die vaak reizen met een Mac laptop (zoals een MacBook) of een iPod en heeft een digitale camera die het heeft is eigen acculader. Het hoeft niet meer dan één stap, zoals het is vrij duidel
Tips voor reizen met een Baby: verpakking babykleding

Tips voor reizen met een Baby: verpakking babykleding

In de afgelopen maand klokte we meer dan 4.000 km rijden en 30 uur vliegen met onze tandjes tien maanden oud, en het was geweldig!Ik heb geleerd een beetje over reizen met een baby en dacht dat ik moet het delen van mijn tips voor het verpakken van d
Hoe om te beginnen met een eerste Team Robotics

Hoe om te beginnen met een eerste Team Robotics

Wanneer we niet aan het knutselen bent, of ontwerpen van makerspaces voor bibliotheken, we werken meteersteteams. Enthousiaste fans en supporters, wij met eerste gedurende bijna tien jaar, vanaf helpen bieden snacks op onze zoon's FIRST LEGO League t
Hoe een reis te plannen op een begroting

Hoe een reis te plannen op een begroting

Voor de meeste mensen kan reizen een stressvolle ervaring. De realiteit is echter dat van plan het belangrijkste gedeelte is; uw doel moet zijn om goed plannen van een reis en geniet van een week uit de buurt van afleiding en - vooral - benadrukken.
Een schilderij met een Twist

Een schilderij met een Twist

Nou, dit alles begon vanwege een semester lang klassenproject. Het doel was om iets maken of projecten van anderen op het web te combineren in een project alle onze eigen. Vervolgens moesten we een Instructable maken op wat we deden. Nou, terwijl het
Redden van de wereld met een gigantische zonne-Death Ray

Redden van de wereld met een gigantische zonne-Death Ray

Dus je hebt eindelijk gegaan en gedaan it - je hebt gekregen een gigantische fresnel lens en u hebben het gemonteerd zodat u de 1000 + vierkante inch van zonne-collectie om echt de dingen van de warmte omhoog kunt.Wat dan?Uw waanzinnigste wetenschapp
Zelf aangedreven Kiddo Chariot uit oude tuin wagen en mobiliteit scooter met een budget van $100 tot $200.

Zelf aangedreven Kiddo Chariot uit oude tuin wagen en mobiliteit scooter met een budget van $100 tot $200.

Een jaar of twee geleden, ik nam mijn twee kinderen naar de renaissance faire, en mijn vrouw en ik gesjouwd hen rond in deze tuin wagon. Het was een geweldig idee, maar we geen idee hoe zere zouden we de volgende dag hadden na het trekken ze rond voo
Etsen van aluminium met een Waterjet

Etsen van aluminium met een Waterjet

De OMAX Waterjet bij Pier 9 is geschikt voor het snijden door middel van verscheidene inches van zowat elk materiaal die je je op een hoog voorstellen kunt niveau van precisie. Maar het is ook geschikt voor het genereren van opmerkelijke effecten doo
Wat te doen met een gekapte boom

Wat te doen met een gekapte boom

als u ooit een boom in stukken knipt hebben, je zult worden gelaten met een heleboel puin.Hier zijn een paar ideeën voor de left-overs.Stap 1: materialen Alle project voorbeelden werden gebouwd met behulp van deze eenvoudige hulpmiddelen en materiale