Texans Tweets

#Texans Tweets

(Not particularly happy with lack of geocoded tweets. Will return to this in the future for possible visualization -11/30/12)

A simple bit of newsroom hackery adapted from Katherine Jarmul and her most excellent Poynter NewsU lecture. Note: This will most definitely be tweaked to and customized, but I'm experimenting with blocks.

<!DOCTYPE html>
<html>
  <head>
    <title>Texans Tweets</title>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <style type="text/css">
      html, body, #map_canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
    </style>

var myOptions = {
            zoom: 10,
            center: new google.maps.LatLng(29.762778,-95.383056),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);

$.getJSON('https://search.twitter.com/search.json?q=Texans&lang=en&geocode=29.762778,-95.383056,30mi&count=100&callback=processTweets',
        function(data) {
		    var data = data.results;
		    for(var i=0; i<data.length; i++) {
		        if (data[i].geo) {
		            var lat = data[i].geo.coordinates[0];
		            var lng = data[i].geo.coordinates[1];

var text = "<a href='https://twitter.com/" + data[i].from_user + "'>@" 
                                          + data[i].from_user + "</a>: " + data[i].text;

marker = new google.maps.Marker({
                                 position: new google.maps.LatLng(lat,lng),
                                 map: map
                            });

markerInfoWindow(marker, text);
                       }
		  }
	     });
          
      }

google.maps.event.addDomListener(window, 'load', initialize);
    </script>

</head>
  <body>
    <div id="map_canvas"></div>
  </body>
</html>

https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js