Spain in Books Story Map customized template

[AitorCalero_García]

Hello all, we would like to share with the community our customized version of an story map template. The look & feel and some behaviours were customized to better match the objetive of the site. To show the best of Spain and to also offer useful books related to each site.

You can visit it at: http://www.spaininbooks.com

[ATTACH=CONFIG]28713[/ATTACH]

Comments are more than welcome.

[BernSzukalski]

Thanks for sharing this great story map. Your customizations are very nice and effective. We'll add it to the gallery, but we'd like to make sure that you've added the story map as an item, documented it well, and used the appropriate tags. This blog post covers the tags and other details to consider:
http://blogs.esri.com/esri/arcgis/2013/10/04/best-practices-story-maps/

- bern

[SethDixon1]

That's a fantastic map...I've been thinking about which template to use for a cemetery project that I'm working on and this (coupled with Joseph Kerski's Brugge map) sold me on the shortlist template.  I created a StoryMap useing the Map Tour template for the cemetery, but I don't think that it's as interactive as I'd like it to be.  I'll try to follow in some big footsteps.

[RupertEssinger]

Hi Seth
Sounds good! The Spain In Books map includes a lot of customization.  But if you are interested in customizing your shortlist map you can also do some simpler tweaks. Here's a handy blog post about that:

http://blogs.esri.com/esri/esri-insider/2013/10/30/creating-and-customizing-a-story-map-from-a-non-g...

[BenNoeske]

Hello,

Thank you for sharing your Spain in Books story map. I found it interesting because I am also working on a shortlist story map that skips the intermediate popup and goes straight to displaying the full Details panel. A drawback of this approach is that when a user clicks on one of the photo tiles on the left side of the page the Details panel appears (and then disappears when the user closes it), but there is no easy way to pinpoint the location of that site on the map.

The solution I came up with was to edit the tile_onMouseOver function so that when the user moves the mouse over a photo tile, then the corresponding numbered icon on the map is enlarged and is brought to the front (and of course the tile_onMouseOut function restores the numbered icon back to tiny size). The code to do this is already present elsewhere in index.html - it's just a matter of copying it into these functions.

Ben

[RupertEssinger]

Your Shortlist sounds interesting. When you are ready to go public with it, could you post a link here and also add a 'web mapping application' entry into ArcGIS Online to represent it (add 'shortlist' and 'story map' into the tags so it shows up in this query: http://www.arcgis.com/home/search.html?q=Shortlist&t=content&focus=applications&sortField=modified&s... )

[JulieWallingford]

Your app looks great!  I am customizing a Shortlist story map as well and wondered how you made the search box.

[AitorCalero_García]

Your app looks great!  I am customizing a Shortlist story map as well and wondered how you made the search box.

Hi, I've just used a javascript sample, the code is this

<div id="search" title="¡Busca cualquier lugar aquí!"></div>

// create the geocoder
    geocoder = new esri.dijit.Geocoder({
        autoComplete : true,
        maxLocations : 5,
        localSearchOptions : {
            minScale : 3,
            distance : 4000
        },
        map : _map
    }, "search");
    geocoder.startup();

BTW, the current & temporal URL for the app is http://geobooksonline.bitnamiapp.com/app/index.html