Skip to content

Instantly share code, notes, and snippets.

@arun057

arun057/heatmap.js

Created January 10, 2015 19:28
Show Gist options
  • Save arun057/7d3ce083e3ea48783223 to your computer and use it in GitHub Desktop.
Save arun057/7d3ce083e3ea48783223 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. arun057 created this gist Jan 10, 2015.
    85 changes: 85 additions & 0 deletions heatmap.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,85 @@
    // You will perform all your work in this file.

    // Paste your API key here
    var api_key = "54af01f3afe4e";

    /************** TASK 1 **************/
    //
    // This function should get the whole set of complaint data from the server and then
    // update the heatmap with it.
    //
    // SUB TASKS:
    // 1) Use getJSON to get the complaint data from the server.
    // 2) Pass the retrieved data to a callback function. This function should iterate through
    // each complaint and stuff it in an array that holds Google map LatLng objects
    // e.g. new google.maps.LatLng(latitude, longitude)
    // 3) Call updateHeatmap() and pass this array as a parameter to it.
    function getComplaintData()
    {
    var complaintData = [];
    console.log('here');
    $.getJSON("http://clownfish.io/complaints/get?apikey=" + api_key, processComplaints);

    function processComplaints(data)
    {
    $.each(data,function(i,value)
    {
    complaintData.push(new google.maps.LatLng(value.LAT, value.LNG));
    });

    updateHeatmap(complaintData);
    }
    }

    /************** TASK 2 **************/
    //
    // This function should get the whole set of complaint types from the server and then
    // populate the complaint type menu with it.
    //
    // SUB TASKS:
    // 1) Use getJSON to get the complaint types from the server.
    // 2) Pass the retrieved data to a callback function. This function should iterate through
    // each complaint type and stuff it in the dropdown menu.
    function populateComplaintTypeMenu()
    {
    $.getJSON("http://clownfish.io/complainttypes/get?apikey=" + api_key, processComplaintTypes);

    function processComplaintTypes(data)
    {
    $.each(data,function(i,value)
    {
    $("#complaint-type-menu").append('<option value="' + value.TYPE + '">' + value.TYPE + '</option>');
    });
    }
    }

    /************** TASK 3 **************/
    //
    // You will need to write a handler function that updates the heat map after the user has
    // selected a complaint type.
    //
    // SUB TASKS:
    // 1) Get the complaint type the user selected
    // 2) Use getJSON to get the complaint data from the server and pass this complaint type as a parameter.
    // 3) Pass the retrieved data to a callback function. This function should iterate through
    // each complaint and stuff it in an array that holds Google map LatLng objects
    // e.g. new google.maps.LatLng(latitude, longitude)
    // 4) Call updateHeatmap() and pass this array as a parameter to it.
    $(document).ready(function()
    {
    $("#complaint-type-menu").change(function()
    {
    var complaintData = [];
    $.getJSON("http://clownfish.io/complaints/get?apikey=" + api_key + "&complaint-type=" + $("#complaint-type-menu option:selected").val(), processComplaints);

    function processComplaints(data)
    {
    $.each(data,function(i,value)
    {
    complaintData.push(new google.maps.LatLng(value.LAT, value.LNG));
    });

    updateHeatmap(complaintData);
    }
    });
    });