A map experience that defaults to a text link to Google Maps, and loads in a static map image for small screens but an iframe map for larger screens.

Just a little demo to show you how to put a gradient using CSS over a Google Map. I've used HAML & SCSS to keep the code nice and clean! If you have any questions or problems, just ask in the comments below or follow me on Twitter.

A custom google map to show company location on your website. It can be easily customised to perfectly fit your website style!

It's nice to have an interactive map, but not so nice for the user experience when the map accidentally gets panned while touch scrolling, or unintentionally gets zoomed while mousewheel scrolling. This is one solution.

Hover the icon for a simple animation... fun!

This interactive map is built without any scripting at all. It was built originally for MTi Group's new site. It has been adapted slightly for this demo. The SASS is a little messy as a result of the hasty port - it was once part of a much larger file.

This pen demonstrates how to create a simple map with leaflet.js (http://leafletjs.com/).

See blog post here for more info: http://themarklee.com/2013/11/16/geolocation-part-ii-building-interactive-maps-leaflet/

Flip the photo to the see where it was taken.
I had this idea when thinking about how to meaningfully connect geo-information of a photograph with the actual image. As an experiment, I placed the map on the back of the image.

Contact form inspired by a dribbble by Bluroon https://dribbble.com/shots/1356864-Contact-Us

Interactive SVG Map with nice animations