1 minute

How to Make Custom Flat Styled Google Maps with jQuery and Flat UI


Google Maps with jQuery and Flat UI

Designers who use Designmodo user interface kits already know they can create a variety of designs with these speciality tools.

In this video, developer David East uses Flat UI and Google Maps to create custom maps that feature a flat style, using using Google’s styled maps tools. In addition, he explains how to link your final product into the Designmodo affiliate program, which allows you the opportunity to make money.

This step-by-step tutorial is easy to follow and you can watch it while working on your own Google maps.

What you will learn in this tutorial: How to create custom map styles using flat colors and Flat UI styling. After the design and code work is finished, East explains how to link your finished product into the Designmodo affiliate program.

Video run time: 25 minutes

Download Source Code


Impress your audience with animated websites and web presentations.

With Slides, we don’t make you start from an empty slate. All you have to do is to pick the elements you like best and combine them. Each slide has been carefully crafted to satisfy three key criteria: aesthetic, function and usability. That way you know every element works together seamlessly while enhancing the impact of your content.

Create a Website
David East

David East is a Developer Programs Engineer for Google, working on Firebase in San Francisco. He's a die-hard JavaScript fan and a budding iOS developer. He also likes waffles. If you like to write code—or eat waffles—follow him on twitter: @_davideast.

Posts by David East

Super-Intuitive Drag & Drop Template Generator

Create beautiful responsive emails and newsletters easily.

Learn more Try Free
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree