<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>S.P. Sullivan Media &#124; Journalism in a bag. &#187; Google maps</title>
	<atom:link href="http://spsullivanmedia.com/tag/google-maps/feed/" rel="self" type="application/rss+xml" />
	<link>http://spsullivanmedia.com</link>
	<description></description>
	<lastBuildDate>Mon, 14 May 2012 17:53:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Mapping (depressing) data.</title>
		<link>http://spsullivanmedia.com/web/mapping-depressing-data/</link>
		<comments>http://spsullivanmedia.com/web/mapping-depressing-data/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 00:29:27 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Google maps]]></category>

		<guid isPermaLink="false">http://spsullivanmedia.com/?p=2824</guid>
		<description><![CDATA[I have a well-documented affinity for interactive maps, but usually make them through third party services. This one required significantly more work on the back-end.]]></description>
			<content:encoded><![CDATA[<p>One of my recent projects for MassLive.com went live this week:</p>
<p><a href="http://www.masslive.com/maps/homicides/"><img class="size-full wp-image-2826 aligncenter" title="homicide-map" src="http://spsullivanmedia.com/wp-content/uploads/2011/07/homicide-map.png" alt="" width="548" height="578" /></a></p>
<p>I have a <a href="http://spsullivanmedia.com/tag/google-maps/" target="_blank">well-documented affinity</a> for interactive maps, but usually make them through third party services. This one required significantly more work on the back end.</p>
<p>Basically, by <del>stealing</del> using a framework created by a <a href="http://connect.masslive.com/user/jhobbs/index.html" target="_blank">former producer</a>, and data provided by <em>The Republican</em>, I worked with an intern to catalog all of the homicides in the Pioneer Valley so far this decade &mdash; including the most recent coverage of developments in trials and investigations from the paper &mdash; and organize it on a map.</p>
<p>Now, I&#8217;m only going to give you a general idea of how the javascript delivers the data into a Google map, because my own grasp on it is tenuous at best. I can re-purpose somebody else&#8217;s javascript, but I couldn&#8217;t have made this whole cloth. If you&#8217;re looking for a tutorial, do what I did and go annoy a developer.</p>
<p>The script included in the index file pulls information from the text file that was marked up into pretty basic categories (<em>name=&#8221;#&#8221; date=&#8221;#&#8221;</em>). The positioning of the pins came from latitude and longitude coordinates (<em>eg. lng=&#8221;-72.5613749&#8243; lat=&#8221;42.1152827&#8243;</em>) and the individual instances were broken into categories (<em>eg. category=&#8221;2011&#8243;</em>). So the data file looked like this:</p>
<p><a href="http://spsullivanmedia.com/wp-content/uploads/2011/07/datafile.png" rel="lightbox[2824]"><img class="alignleft size-full wp-image-2831" title="datafile" src="http://spsullivanmedia.com/wp-content/uploads/2011/07/datafile.png" alt="" width="597" height="160" /></a></p>
<p>I know a map of homicides is pretty morbid, but it does create a context page for all of these important stories, as well as an easy-to-navigate way for interested parties to find out how a particular case ended up. Other maps created before my time at MassLive had more narrative quality to them; for example, <a href="http://www.masslive.com/maps/northampton-fires/" target="_blank">this map</a> serves as a timeline for a bizarre string of arson fires in Northampton.</p>
<p>I&#8217;ve also built less elaborate maps for fireworks displays and haunted houses in the area for the site, though I&#8217;d love to use my newfound semi-literacy in javascript to build a map like this that tells a story.</p>
]]></content:encoded>
			<wfw:commentRss>http://spsullivanmedia.com/web/mapping-depressing-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Follow me to NOLA.</title>
		<link>http://spsullivanmedia.com/web/follow-me-to-nola/</link>
		<comments>http://spsullivanmedia.com/web/follow-me-to-nola/#comments</comments>
		<pubDate>Thu, 30 Dec 2010 01:50:31 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Photo]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Google maps]]></category>

		<guid isPermaLink="false">http://spsullivanmedia.com/?p=1836</guid>
		<description><![CDATA[<p>OK, here&#8217;s the experiment.</p> <p><a href="http://rosiewalunas.com">Rosie</a> and I are embarking on a roadtrip tomorrow after I get off work. We&#8217;ll be driving down to New Orleans, Louisiana and back between Dec. 30, 2010 and Jan. 8, 2011. Our trajectory will look something like this, starting in Springfield, MA and headed to:</p> <p> &#8594; My parents&#8217; [...]]]></description>
			<content:encoded><![CDATA[<div><iframe src="http://imapflickr.com/4517e9" height="461" width="542" frameborder="0" scrolling="no" style="border: 0px;" border="0"></iframe></div>
<p>OK, here&#8217;s the experiment.</p>
<p><a href="http://rosiewalunas.com">Rosie</a> and I are embarking on a roadtrip tomorrow after I get off work. We&#8217;ll be driving down to New Orleans, Louisiana and back between Dec. 30, 2010 and Jan. 8, 2011. Our trajectory will look something like this, starting in Springfield, MA and headed to:</p>
<blockquote><p>
&rarr; My parents&#8217; house in Haskell, NJ for the night<br />
&rarr; Knoxville, TN for New Year&#8217;s eve<br />
&rarr; New Orelans, LA for about a week<br />
&rarr; Roanoke, VA on the way back, finally arriving in<br />
&rarr; Amherst, MA on Jan. 8, 2011.</p></blockquote>
<p>Using <a href="http://imapflickr.com/">iMapFlickr</a>, I should be able to keep you posted on my whereabouts by uploading photos to the Flickr set called &#8220;<a href="http://www.flickr.com/photos/spsulliv/sets/72157625702982066/with/5303622770/">Roadtrip.</a>&#8221; &mdash; provided I keep it updated and geotag the photos.</p>
<p>As of this writing, there&#8217;s a pretty boring picture of the parking lot at work that I took this morning. Hopefully, as of 4 p.m. tomorrow I&#8217;ll be adding more interesting stuff. Keep in mind I can&#8217;t exactly upload photos from my DSLR while on the road (<em>get on that, science</em>), so updates will probably be from the hotel in the evening.</p>
<p>Or, I could actually go off the grid for my vacation and wait to assemble a slideshow when I come back, old school. We&#8217;ll see.</p>
]]></content:encoded>
			<wfw:commentRss>http://spsullivanmedia.com/web/follow-me-to-nola/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User interaction with Google Maps.</title>
		<link>http://spsullivanmedia.com/web/user-interaction-with-google-maps/</link>
		<comments>http://spsullivanmedia.com/web/user-interaction-with-google-maps/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 17:14:21 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Citizen Journalism]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Google maps]]></category>
		<category><![CDATA[MassLive.com]]></category>
		<category><![CDATA[snow]]></category>

		<guid isPermaLink="false">http://spsullivanmedia.com/?p=1018</guid>
		<description><![CDATA[<p style="text-align: center;"><a href="http://www.masslive.com/news/index.ssf/2010/02/interactive_map_post_your_snow.html"></a></p> <p>The folks over at MassLive have a <a href="http://www.masslive.com/news/index.ssf/2010/02/interactive_map_post_your_snow.html" target="_blank">pretty cool user-generated map</a> of snowfall in the Pioneer Valley going on as I write this post, allowing local residents to post their observations about weather conditions on an embedded Google map.</p> <p>I hopped on to post my <a href="http://spsullivanmedia.com/wp-content/uploads/2010/02/snow.jpeg" rel="lightbox[1018]">own findings</a> [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.masslive.com/news/index.ssf/2010/02/interactive_map_post_your_snow.html"><img class="size-full wp-image-1019  aligncenter" title="map" src="http://spsullivanmedia.com/wp-content/uploads/2010/02/map.jpeg" alt="" width="460" height="162" /></a></p>
<p>The folks over at MassLive have a <a href="http://www.masslive.com/news/index.ssf/2010/02/interactive_map_post_your_snow.html" target="_blank">pretty cool user-generated map</a> of snowfall in the Pioneer Valley going on as I write this post, allowing local residents to post their observations about weather conditions on an embedded Google map.</p>
<p>I hopped on to post my <a href="http://spsullivanmedia.com/wp-content/uploads/2010/02/snow.jpeg" rel="lightbox[1018]">own findings</a> when I ventured six feet out my front door to take a measurement. A paltry two inches of slush, but enough to <a href="http://dailycollegian.com/2010/02/24/winter-storm-warnings-alert-western-mass/" target="_blank">cancel most of the classes</a> on campus today.</p>
<p>I <a href="http://spsullivanmedia.com/tag/google-maps/" target="_blank">proselytize frequently </a>on the value of Google Maps for local news organizations, and this is a great example of how to use a map to inform <em>and</em> engage your community. It&#8217;s also pretty useful information, considering most weather reports are based on measurements in a select few areas of a region, whereas this map has real measurements made by real people in real time. It&#8217;s certainly not an all-inclusive weather report, but it&#8217;s a good resource to plan your regional commute by.</p>
]]></content:encoded>
			<wfw:commentRss>http://spsullivanmedia.com/web/user-interaction-with-google-maps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mapping photos with Flickr.</title>
		<link>http://spsullivanmedia.com/web/mapping-photos-with-flickr/</link>
		<comments>http://spsullivanmedia.com/web/mapping-photos-with-flickr/#comments</comments>
		<pubDate>Sun, 14 Feb 2010 02:09:53 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Photo]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Google maps]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://spsullivanmedia.com/?p=935</guid>
		<description><![CDATA[<p>I think I&#8217;ve made it <a href="http://spsullivanmedia.com/graphics/more-fun-with-google-maps/">abundantly</a> <a href="http://spsullivanmedia.com/graphics/not-just-sparklers/">clear</a> that I really love maps.</p> <p>Being someone with no natural sense of direction or mathematical savvy, I like maps both as a navigation tool and as a tool for data visualization. I also think they&#8217;re playing an ever-increasing role in local news coverage.</p> <p>Because <a name="context">context [...]]]></description>
			<content:encoded><![CDATA[<p>I think I&#8217;ve made it <a href="http://spsullivanmedia.com/graphics/more-fun-with-google-maps/">abundantly</a> <a href="http://spsullivanmedia.com/graphics/not-just-sparklers/">clear</a> that I really love maps.</p>
<p>Being someone with no natural sense of direction or mathematical savvy, I like maps both as a navigation tool and as a tool for data visualization. I also think they&#8217;re playing an ever-increasing role in local news coverage.</p>
<p><strong>Because <a name="context">context is important,</a></strong> and readers of a local site should be able to scan headlines, announcements and videos by the town. And by the neighborhood. And by the street.</p>
<p>The utility of using a map to present information on a local site is pretty broad. You can use it to tell people about <a href="http://www.masslive.com/maps/halloween/">special events in their area</a>, <a href="http://massdailycollegian.com/2009/09/27/sga-voting-guide-senators/">where to vote</a> and how to get there.</p>
<p>I&#8217;ve become <a href="http://spsullivanmedia.com/photo/i-got-a-camera/">interested in Flickr</a> and as I develop my <a href="http://spsullivanmedia.com/photo/a-day">photo-a-day project</a> throughout 2010, I&#8217;ve been trying to keep up with geotagging them. <a href="#context"><br />
Why?</a></p>
<p>Recently, I&#8217;ve been reading up on different ways to organize text, photo and video, particularly with maps.</p>
<p>At The Collegian, our Arts &amp; Living section approached me with the possibility of doing a downtown shopping guide for the Web. They asked me for input on how to present it, and I thought about a <a href="http://www.10000words.net/2010/02/how-to-use-flickr-to-get-creative-with.html">post I&#8217;d read recently</a> that mentioned <a href="http://imapflickr.com">iMapFlickr</a>, which uses the <a href="http://www.flickr.com/services/api/">Flickr API</a> to create customizable, embeddable photomaps.</p>
<p>Why not take photos of the locations, write a brief review (or link to a full review [or both]) and let readers browse shops by street?</p>
<p>It&#8217;s a possibility worth playing with, so I tested it out by mapping a few of my Flickr photos.</p>
<div></div>
<p>You&#8217;ll notice I haven&#8217;t traveled too much since I started storing all my photos on Flickr; it&#8217;s pretty much a jump between New York/New Jersey and western Mass. Still, it gives you an idea of how a photomap can let you visualize locations geographically.</p>
<p>This was really, really easy to put together. Assuming you&#8217;ve already geo-tagged your photos, you can pop in your Flickr username, choose <a href="http://blog.flickr.net/en/2009/03/04/setting-sets-free/">the set</a> that you want and, hey presto, you&#8217;ve got a map. The service allows for some minor tweaks to the color scheme, size and layout, but like most third party services, it won&#8217;t exactly match your site&#8217;s template.</p>
<p><a href="http://spsullivanmedia.com/wp-content/uploads/2010/02/geoslideshow.jpeg" rel="lightbox[935]"><img class="aligncenter size-full wp-image-950" title="geoslideshow" src="http://spsullivanmedia.com/wp-content/uploads/2010/02/geoslideshow.jpeg" alt="" width="448" height="133" /></a></p>
<p>There are actually <a href="http://www.flickr.com/services/apps/tags/maps/">quite a few</a> map-based photo organizing applications out there, and another interesting one is <a href="http://www.flickr.com/services/apps/72157600345264775/">Geoslideshow</a>, though this app is in its beta stages, and I&#8217;ve just requested an invite to try it out.</p>
<p>I&#8217;m always looking for new ways to organize content geographically, so if you&#8217;ve heard of something that might better fit my needs, let me know.</p>
]]></content:encoded>
			<wfw:commentRss>http://spsullivanmedia.com/web/mapping-photos-with-flickr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More fun with Google Maps.</title>
		<link>http://spsullivanmedia.com/graphics/more-fun-with-google-maps/</link>
		<comments>http://spsullivanmedia.com/graphics/more-fun-with-google-maps/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 16:36:43 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Google maps]]></category>
		<category><![CDATA[halloween map]]></category>
		<category><![CDATA[MassLive.com]]></category>

		<guid isPermaLink="false">http://spsullivanmedia.com/?p=405</guid>
		<description><![CDATA[<p>My most recent project for MassLive.com,<a href="http://www.masslive.com/maps/halloween/" target="_blank"> a map of Halloween events</a> in the Pioneer Valley, is now live.</p> <p><a href="http://www.masslive.com/maps/halloween/"></a></p> <p>This is pretty much identical to the<a href="http://spsullivanmedia.com/?page_id=267" target="_blank"> fireworks map</a> I helped out with this summer. I&#8217;m a big fan of the <a href="http://code.google.com/apis/maps/" target="_blank">Google Maps API</a> and what it offers news [...]]]></description>
			<content:encoded><![CDATA[<p>My most recent project for MassLive.com,<a href="http://www.masslive.com/maps/halloween/" target="_blank"> a map of Halloween events</a> in the Pioneer Valley, is now live.</p>
<p><a href="http://www.masslive.com/maps/halloween/"><img class="aligncenter size-full wp-image-404" title="halloweenmap" src="http://spsullivanmedia.com/wp-content/uploads/2009/10/halloweenmap.jpg" alt="halloweenmap" width="401" height="321" /></a></p>
<p>This is pretty much identical to the<a href="http://spsullivanmedia.com/?page_id=267" target="_blank"> fireworks map</a> I helped out with this summer. I&#8217;m a big fan of the <a href="http://code.google.com/apis/maps/" target="_blank">Google Maps API</a> and what it offers news sites by way of providing geographic context for a story, or in this instance just a helpful resource for readers.</p>
<p><span id="more-405"></span></p>
<p>Google also makes it easy to do. Because MassLive deals with a ton of information on the day to day, their map uses a Google spreadsheet, which I packed with event names, addresses, latitude and longitude and a description formatted in basic HTML, to overlay the pertinent information on a Google map on page load. This is <a href="http://spsullivanmedia.com/?p=178&amp;cpage=1#comment-24" target="_blank">a process</a> I don&#8217;t entirely understand after the spreadsheet leaves my auspices.</p>
<p>But for smaller, more dynamic language-friendly sites like <a href="http://dailycollegian.com" target="_blank">DailyCollegian.com</a>, the process is even easier. Take the <a href="http://massdailycollegian.com/2009/09/27/sga-voting-guide-senators/" target="_blank">SGA voting guide </a>we put together for example.</p>
<p><a href="http://massdailycollegian.com/2009/09/27/sga-voting-guide-senators/"><img class="aligncenter size-full wp-image-406" title="SGAvotingguide" src="http://spsullivanmedia.com/wp-content/uploads/2009/10/SGAvotingguide.jpeg" alt="SGAvotingguide" width="404" height="335" /></a>Collegian assistant multimedia editor Chris Shores did a great job putting together a guide to SGA candidates based on residence areas (which are, essentially, voting districts) using <a href="http://www.echoecho.com/htmllinks08.htm" target="_blank">anchored pages.</a></p>
<p>When I assigned the project I figured I&#8217;d have to spend a lot of time tweaking it after the fact, but it came out pretty much exactly as I wanted, so I just rounded it out with a quick map of all the polling places on campus. In this instance, it&#8217;s just a matter of creating a new map under <a href="http://maps.google.com/" target="_blank">&#8220;my maps&#8221;</a> in Google, pinning down the exact locations, writing a description and customizing the markers. Google even lets you upload your own custom marker images, a feature I&#8217;ve yet to take advantage of.</p>
<p>This stuff is so easy a newspaper could do it.</p>
]]></content:encoded>
			<wfw:commentRss>http://spsullivanmedia.com/graphics/more-fun-with-google-maps/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Not just sparklers.</title>
		<link>http://spsullivanmedia.com/graphics/not-just-sparklers/</link>
		<comments>http://spsullivanmedia.com/graphics/not-just-sparklers/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 13:51:29 +0000</pubDate>
		<dc:creator>Sean</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Google maps]]></category>
		<category><![CDATA[MassLive.com]]></category>

		<guid isPermaLink="false">http://spsullivanmedia.com/?p=178</guid>
		<description><![CDATA[<p>Last week I helped the fine folks over at <a href="http://masslive.com">MassLive</a> put together a <a href="http://www.masslive.com/fireworksmap/2009/">map of all the fireworks displays</a> in the Pioneer Valley on and around July 4.</p> <p>I compiled all the data and threw it on a spreadsheet with some very basic HTML, and then, from my understanding, MassLive put it through [...]]]></description>
			<content:encoded><![CDATA[<p>Last week I helped the fine folks over at <a href="http://masslive.com">MassLive</a> put together a <a href="http://www.masslive.com/fireworksmap/2009/">map of all the fireworks displays</a> in the Pioneer Valley on and around July 4.</p>
<p>I compiled all the data and threw it on a spreadsheet with some very basic HTML, and then, from my understanding, MassLive put it through a <a href="http://ldopa.net/">magic Internet machine</a> and, hey presto, it&#8217;s a <a href="http://www.masslive.com/fireworksmap/2009/">fireworks map.</a></p>
<blockquote><p>
This is what it looked like before:</p></blockquote>
<p><a href="http://spsullivanmedia.com/wp-content/uploads/2009/06/13973083.jpg" rel="lightbox[178]"><img class="aligncenter size-full wp-image-177" title="13973083" src="http://spsullivanmedia.com/wp-content/uploads/2009/06/13973083.jpg" alt="13973083" width="405" height="203" /></a></p>
<blockquote><p>And here&#8217;s the after:</p></blockquote>
<p><a href="http://spsullivanmedia.com/wp-content/uploads/2009/06/fire.jpg" rel="lightbox[178]"><img class="aligncenter size-full wp-image-179" title="fire" src="http://spsullivanmedia.com/wp-content/uploads/2009/06/fire.jpg" alt="fire" width="401" height="405" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://spsullivanmedia.com/graphics/not-just-sparklers/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

