Creative Maps

from visualisation magazine.com

Coded | Designed by Chris Watson     |     Compiled by Chris Watson Various   |     Inspired by Laura Mansfield & MMDC    |    About Creative Maps   |   map YOUR area & @visualthinkmap

With huge thanks to Esa, Martin, Larry (huge thanks to him) & Others from Google Maps API V3 for helping with Coding Map

.

Barnsley  |  Bradford  |  Huddersfield  |  Leeds  |  London  |  LA  |  Manchester & Salford  |  New York  |  Paris  |  Sheffield  |  York   

Opacity: 25%   50%   100%   Remove Overlay  Mobile                    Want to add your own pins to this map? Click Here!
.

Contributors

 

London | Mag Culture 

 

Manchester | Logan Holmes Laura Mansfield & MMDC 

 

LA | Stefan G Bucher Alissa Walker & Denis Wood

 

Paris | Much Literary content from Lonely Planet written by Steve Fallon, Chris Pitts and Nicola Williams. Additional literary research from Dale Berning & Guardian & Many Bookshops from Vivien Ayroles, heymann-renoult.com

 

creative maps by vism.ag

About

What are Creative Maps? They're interactive online google maps, styled to show you the creative economy of a city or location. You can use them to:

Inject a dose of artistic/design culture into your visits, or Plan a visited injection of artistic/design culture
You are looking for a job in the creative industries
Planning a project and need support
Printing your portfolio, advertising, book...
Want to learn new techniques and do a workshop or training facility
You name it, if its creative, it will be in your map

The google pins depict different categories according to their colour and facilities. More Locations to come. 

 

Developments

10/10 Started Google Maps adding pins for Sheffield in discussion with colleagues

11/10 Made a Custom Ground overlay image loading pins from georss layer feed
here

02/11 Developed a map that could 'Hyperlink to a specific kml marker, through the rss item?' and so changed to using geoxml3 to have a pin link list

03/11 Developed the link list into a bottom bar with 4 columns using geoxml3

03/11 Overlayed Styled map image using ProjectedOverlay

03/11 Attached pin colour images alongside marker links in bottom bar

03/11 Made a sidebar with check box category display list

03/11 Fixed hiding the overlay image using setOpacity & {percentOpacity:100}

03/11 Made transparency % overlay using set opacity

03/11 Attached address details to bottom bar links

03/11 Fixed 'Show All' pins link at bottom of sidebar

03/11 Made name and anchor to link bottom bar pins links to re-orientate you back to the map on click to see where pin is using function GoToAnchor, #mystory & onclick="kmlClick()">name</a>

 

07/11 Eventually, using map.setCenter & span class can reposition from Lat Lng the location in the map through html/javascript onClick's

07/11 Utilised an array to hide all overlay images var overlays = []; and overlays.push(overlay); let us use:function setOpacities(desiredOpacity)

07/11 Made the map
GeoLocate (if user allows) so you see what creative pins are near you

07/11 Added a search input to map to
Geocode so you see what creative pins are in an area