Make HTML/Javascript Tweaks to a Twitter Map Template

This project was successfully completed by petermyvw for $250 USD in 6 days.

Get free quotes for a project like this
Project Budget
$30 - $250 USD
Completed In
6 days
Total Bids
Project Description

I am looking to make some minor functionality changes to a template I am using for a live Twitter map. The template can be found here (along with “Documentation” link to all code files): [url removed, login to view]

The basic functionality of the map is pretty simple. It uses 2 keywords which are hard-coded in the html file which call a Javascript file ([url removed, login to view]) to make the twitter query and plot the locations of the tweets.

Here are the changes I am looking to have done:

• Make the template only 1 keyword search. Remove the 2nd keyword from the HTML file and Javascript file while leaving the basic map/plot functionality for the 1st keyword

• Add Keyword Search functionality. Instead of having the keyword that I want queried and plotted hard coded into the HTML file I should be able to enter the keyword in a search bar on the right panel. (details of where and how in full scope document that will be given)

• I have made one small change to the code already that I need further revisions to. In the Javascript file there is a section which outlines the parameters that are sent for the twitter query with their Search API. I have added the “since:” and “until:” parameters so that I can specify a date range that I want searched (code of my change below which works)

o The Twitter Search API only allows searches for up to 7 days ago. I would like to add a button to the main page right panel for each of the past 7 days that automatically replaces the “since:” and “until:” parameters to the corresponding days. This should be rolling. Here is what I mean by that:

 If I am looking at the map on April 10th, 2013 there should be buttons for "Real Time" (current day), April 9th, April 8th, April 7th, April 6th, April 5th, April 4th, and April 3rd

 If I am looking at the map a few days later on April 14th there will be buttons for "Real Time" (current day), April 13th, April 12th, April 11th, April 10th, April 9th, April 8th, and April 7rd

 So the dates on the buttons, and the dates that are input into the [url removed, login to view] file, should change based on the day it is being looked at

o “[url removed, login to view]” Parameter code changed:

 [url removed, login to view] = {

rpp: 100,

since: '2013-04-06',

until: '2013-04-08',

callback: 'callback',

result_type: 'recent',


One last thing that should be done with all of these changes. When I make a new search or change the dates I don’t want the entire page to load just the javascript to be refreshed and the new points plotted. I don’t want the map to refresh.

Overall the changes are relatively simple. I’m really looking to get these things out from being hardcoded so that changing keywords and dates is more seamless and flexible.

Completed by:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online