Monday, February 28, 2011

SHOWING VS TELLING: How to embed a Google Map into your story

In writing, 'showing' always trumps 'telling.'

Whether we're talking factless works of fiction or Pulitzer Prize-winning journalism, a writer needs to illustrate the story. And in this digital age of multi-channel storytelling, it's important for every online news organization to show their stories in as many ways as possible. This is at the heart of my love affair with Google Maps. Especially when we're talking about local journalism. People like to see where the news around them is happening. It's also great for filling out space on breaking news stories that may not have much more information than a location yet available.

In about a minute (seriously, it's not that difficult), you can add an interactive map to any online story and show your "where." Google an address, grab the embed code, paste it into your web-publisher, voila.

We've been taking advantage of this at NewHavenRegister.com quite a bit recently. Every time I catch a story that has a location I can pinpoint on a map, I add it to the story. That is of course, if it makes sense to show the location. For example, if you are working on a story about a man who was arrested for stealing a vanilla ice cream cone from a kid - you want to show where this crime occurred on a map. But if the only "where" info you have is the man's address -- as some blotter stories do -- there is often little reason to map that. Don't map just to map. Map information that has context in the story you're telling.

Here are some examples of how I've used it:
And here is more advanced use with multiple locations and areas:
How do you make and embed your own Google Map? Let's walk through it step by step:


1. Go to maps.google.com and search the address you want to map from your story. Be as specific as you can, including town and state, since it's not really that small of a world, afterall. In most cases, I just copy and paste from the story itself. For practice - type in your own address. In my case, I'm at 40 Sargent Drive, New Haven, CT.

2. The search finds your address, zooms in and sticks a red push pin on the address you entered. In my example, it looks like this.

3. Now look in the upper right corner of your map. See that little icon that says 'Link'? Click it. This gives you three options. You can copy the 'link', you can copy the 'embed code', or you can preview and customize the embed code. You could be done now by copying the embed code and pasting into the source code of your story. But because I'm an anal retentive online producer, I always preview and customize, and this takes an extra few seconds, but it adds to presentation.

4. If you click 'Customize and preview embedded map' it opens a second window that serves as the map embed code editor. It should be fairly smooth for you to intuitively operate. At the top you customize the size. For publishing on a New Haven Register web page, I always make the width 635, and will leave the height at 350, unless it's a map that shows multiple items or a large area. On the illustrated map, you can zoom in or out with the little white plus or minus icons in the corner of the map. You can also move the map around by clicking it and dragging. You can also minimize the pop-up address bubble by clicking on the 'x' in the bubble. You can even change the map look to "Satellite" or "Terrain."  The embed code changes live as you make changes to that map illustration. So make it look exactly how you want it to look, and then copy the embed code and paste it where ever you plan to paste it. It should end up looking something like this:

    View Larger Map

    Of course you can go much deeper and get much more advanced for some stories, as The Register Citizen did with their interactive map of reported roof collapses across the state of Connecticut.

    Please share your own tips, links and examples of maps you've seen or produced on other websites.

    Labels: , , , , , , ,

    10 Comments:

    Blogger Ivan said...

    Here's one for Holiday Lights from user submissions
    http://bit.ly/eYaVsE
    You can also add links, photos and videos to the points in the map.

    March 5, 2011 at 9:19 AM 
    Blogger Gege Dai said...

    15.07.17daigege
    christian louboutin sale
    fitflops sale clearance
    coach factory outlet
    coach outlet online
    burberry handbags
    ray ban outlet
    burberry sale
    longchamp handbags
    tory burch outlet online
    nike tn pas cher
    mont blanc pen
    chaussure louboutin
    coach factory outlet
    michael kors handbags
    burberry outlet
    pandora jewelry
    oakley sunglasses
    coach outlet
    ed hardy clothing
    chanel online shop
    chaussure louboutin
    rolex watches
    ralph lauren outlet
    coach outlet
    oakley sunglasses sale
    michael kors bags
    pandora charms 2015
    tory burch shoes
    abercrombie outlet
    tory burch outlet
    cheap jordans
    ed hardy
    toms outlet
    hollister clothing store
    christian louboutin outlet
    air force 1
    chanel outlet
    michael kors handbag
    chanel handbags
    cheap oakleys

    July 16, 2015 at 10:21 PM 
    Blogger 小熊小熊 said...

    michael kors handbags
    adidas shoes
    louis vuitton uk outlet
    michael kors outlet
    coach outlet
    replica watches
    cheap oakley sunglasses
    jordan 3 retro
    louis vuitton
    gucci handbags
    cheap oakleys
    true religion jeans
    michael kors outlet
    louis vuitton outlet
    louis vuitton bags
    hollister kids
    louis vuitton handbags
    louis vuitton handbags
    michael kors
    louis vuitton
    coach factory online
    hollister
    christian louboutin sale
    oakley sunglasses
    christian louboutin shoes
    michael kors outlet
    abercrombie and fitch
    toms canada
    cheap ray bans
    insanity dvd sale
    michael kors outlet online
    michael kors outlet online
    michael kors outlet online
    mont blanc mountain
    kobe 8
    20150718xiong

    July 17, 2015 at 3:20 AM 
    Blogger chenlina said...

    chenlina20151203
    jordans for sale
    michael kors handbags
    abercrombie & fitch
    gucci outlet
    ugg boots on sale
    louis vuitton handbags
    cheap uggs for sale
    longchamp outlet
    ray ban sunglasses
    cheap toms
    oakley sunglasses cheap
    ray ban sunglasses outlet
    ugg boots
    ray ban sunglasses outlet
    kobe 9
    ugg boots
    coach factory outlet
    ray ban outlet store
    uggs outlet
    louis vuitton
    beats by dre
    michael kors bag
    giuseppe zanotti
    uggs outlet
    coach outlet
    coach outlet
    air force 1
    north face outlet
    coach outlet store online
    michael kors outlet clearance
    louis vuitton
    jordan retro 11
    michael kors outlet online
    soccer shoes
    nike huarache shoes
    louis vuitton handbags
    louis vuitton outlet
    ugg sale
    canada goose jackets
    coach factory outlet online
    as

    December 2, 2015 at 5:17 PM 
    Blogger ninest123 said...

    ninest123 16.01
    prada handbags, longchamp outlet, longchamp, ray ban sunglasses, prada outlet, louis vuitton outlet, ray ban sunglasses, ugg boots, replica watches, tiffany jewelry, louboutin outlet, burberry, oakley sunglasses, longchamp outlet, oakley sunglasses, nike air max, nike air max, louis vuitton, michael kors outlet, louboutin, replica watches, louis vuitton, oakley sunglasses, michael kors outlet, ugg boots, nike free, burberry outlet online, gucci outlet, nike outlet, chanel handbags, ugg boots, michael kors outlet, michael kors outlet, uggs on sale, louis vuitton, michael kors, michael kors outlet, ray ban sunglasses, jordan shoes, polo ralph lauren outlet, cheap oakley sunglasses, ugg boots, louis vuitton outlet, tory burch outlet, christian louboutin outlet, louboutin shoes, tiffany and co, oakley sunglasses, polo ralph lauren outlet

    January 19, 2016 at 10:53 PM 
    Blogger ninest123 said...

    burberry, hollister pas cher, hollister, nike blazer, lacoste pas cher, air force, michael kors, nike free run uk, north face, true religion outlet, hermes, nike huarache, true religion jeans, new balance pas cher, north face, air max, true religion jeans, nike air max, longchamp, louboutin pas cher, vans pas cher, nike trainers, mulberry, nike air max, true religion jeans, nike air max, replica handbags, michael kors, nike free, sac guess, michael kors, ray ban uk, vanessa bruno, ray ban pas cher, ralph lauren uk, abercrombie and fitch, oakley pas cher, tn pas cher, michael kors, timberland, ralph lauren pas cher, sac longchamp, lululemon, nike roshe, coach purses, nike roshe run, air jordan pas cher, converse pas cher, hogan, longchamp pas cher, coach outlet

    January 19, 2016 at 10:58 PM 
    Blogger ninest123 said...

    iphone 5s cases, oakley, nike air max, p90x workout, mont blanc, iphone 6s cases, nfl jerseys, converse, giuseppe zanotti, mac cosmetics, jimmy choo shoes, herve leger, instyler, timberland boots, hollister, s5 cases, iphone 6s plus cases, insanity workout, north face outlet, babyliss, mcm handbags, chi flat iron, ralph lauren, vans shoes, reebok shoes, vans, celine handbags, iphone cases, ray ban, north face outlet, iphone 6 plus cases, birkin bag, nike air max, soccer jerseys, asics running shoes, beats by dre, abercrombie and fitch, iphone 6 cases, ghd, new balance, valentino shoes, bottega veneta, hollister, soccer shoes, wedding dresses, lululemon, baseball bats, louboutin, ipad cases, ferragamo shoes, gucci, nike roshe

    January 19, 2016 at 10:59 PM 
    Blogger ninest123 said...

    juicy couture outlet, canada goose, hollister, moncler, ugg boots uk, lancel, marc jacobs, moncler, juicy couture outlet, links of london, swarovski, pandora jewelry, barbour, moncler, montre pas cher, louis vuitton, canada goose, ugg,uggs,uggs canada, moncler outlet, canada goose uk, wedding dresses, canada goose outlet, ugg,ugg australia,ugg italia, pandora charms, swarovski crystal, coach outlet, canada goose, pandora jewelry, moncler, ugg pas cher, replica watches, louis vuitton, toms shoes, louis vuitton, pandora charms, converse outlet, karen millen, moncler, supra shoes, louis vuitton, sac louis vuitton pas cher, doudoune canada goose, barbour jackets, moncler, thomas sabo, doke gabbana outlet, canada goose outlet, bottes ugg, canada goose, moncler
    ninest123 16.01

    January 19, 2016 at 11:01 PM 
    Blogger soma taha said...

    Having read this I believed it was rather informative
    http://www.prokr.net/2016/09/spraying-pesticides-anti-insects-company-in-qassim.html
    http://www.prokr.net/2016/09/pesticides-spray-anti-insect-company-riyadh.html

    February 3, 2017 at 10:36 AM 
    Blogger Mie Helal said...

    Keep it up
    http://www.kuwait.prokr.net/
    http://www.emirates.prokr.net/

    April 12, 2017 at 2:10 AM 

    Post a Comment

    Subscribe to Post Comments [Atom]

    Links to this post:

    Create a Link

    << Home