Supereight Studio Logo

Journal notes


Custom Google Maps API v3 Styles

Matt Hamm

We’ve had quite a few people comment about the Supereight contact page. Many folks want to know how we styled the Google map so that it looks desaturated with red roads. Okay! Here’s how we did it:

We used the Google Maps JavaScript API v3 Styles function and it’s pretty straight forward to implement if you have a basic understanding of the Google Maps API.

Styled maps allow you to customise the look of the standard Google base maps, changing the visual display of  roads, parks, and built-up areas. More detailed information can be found on the Google maps developer’s guide:
https://developers.google.com/maps/documentation/javascript/styling

There is also an easy to use Styled Maps Wizard:
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

Below is the snippet of code that we use to style the contact page map for the Supereight website:

Comments via Twitter


Nexa light and bold

Matt Hamm

One of our favourite fonts at the moment is Nexa from Fontfabric foundry. Two weights available (Light & Bold) and are available to download for free! Both weights have their own strength, upper and lowercase have their own personality and there are even some nice ligatures. The lowercase ‘g’ is particularly quirky. The typeface has the simplicity and friendliness of something like Avenir, but is original and fresh.

So what are you waiting for? Go get it.

 

Comments via Twitter