Maps Platform
Product updates, customer stories, and tips and tricks on Google Maps Platform
Google Maps API, now with even more style!
Thursday, June 28, 2012
At Google I/O two years ago
we launched Styled Maps
in the Google Maps API, which allows you to customize the look of the map in your applications. Today we’re rolling out a number of enhancements to Styled Maps that offer more precise control over both the selection of map features to style, and the ways you can style them:
You can now specify a precise color for features as an RGB value in addition to the existing adjustment filters for hue, saturation, lightness, and gamma.
You can now style the outline stroke of features separately from the interior fill, and the label text separately from any icon.
You can now adjust the width of line features such as roads and rivers, and also the width of feature outlines.
If you would like to try designing a map that would suit your site we recommend that you start with the updated
Styled Maps Wizard
. Once you are happy with your style you can apply it to your Maps API v3 application as detailed in the
Styling section
of the Maps API documentation.
Web sites like the
Submarine Cable Map
and the
NY Times
already use Styled Maps to simplify or soften a map in order to draw more attention to the data provided.
Map of the Dead
and
The Global Transition to a New Economy
restyle their maps to fit the house style or theme of their respective websites. There have also been a few maps that are just a little unusual, such as
Fata Morgana
.
If you need assistance in using Styled Maps for your site, or have any other Maps API related question, we recommend consulting our
developer community and support channels
. We look forward to seeing how you take advantage of these new Styled Maps features to make even more beautiful and engaging new Maps!
Posted by Thor Mitchell, Product Manager, Google Maps API
Labels
5 Great Maps
ads
advertising
africa
Andorra
Android
App Engine
art
Australia
Autocomplete
Boston
brazil
Bruce Springsteen
Bulgaria
Campus Map
Chrome
City 24/7
Code for America
COM API
Computerlogy
creative advertising campaigns
Custom Map Types
design
developer
Developer Challenge
Developer stories
Directions API
Drawing Tools
Driving Directions
Earth
Earth API
Elevation API
environment
epungo
Estonia
Europe
Fab Friday
flash
Fusion Tables
GAE
games
GDAL
Gears
geo
Geodesic Lines
Germany
Gibraltar
GIS
Global Economy
gme
Google Analytics
Google App Engine
Google Earth
Google Earth API
Google I/O
Google Maps
Google Maps API
Google Maps Engine
Google Places API
Google Places API Developer Challenge
Google Street View API
government
Hackathon
Hamburg
heat map
heatmap
hiking
Hungary
iOS
JavaScript
jQuery
kenya
KML
Latitude API
Latvia
launch
Lithuania
local search
London
Mac
Map of the Week
maps
Maps API
Maps API for Flash
Maps Data API
Maps Zen
Marker Clusterer
Marketing
Mars
meetup
mobile
moca
modern art
More Than a Map
Morethanamap
Movies
Neighborhoods
New York City
Office Hours
Olympics
Panoramio
photos
Place Summaries
Places API
Plus
polygons
Premier
public transit
public transit layer
Python
real estate
rock
sao paulo
screencast
SketchUp
Slovakia
Slovenia
South Africa
Spain
Spatial Data Files
Static Maps API
street view
Styled Maps
Sydney
Track
traffic layer
Transportation
Tripline
Twitter
UN
United Nations
V3
Vancouver Olympics
visualizations
Volkswagen
VW
web
youtube
Archive
2018
Nov
Jul
Jun
May
Mar
Feb
2017
Nov
Jun
May
Apr
Mar
Feb
Jan
2016
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Feb
2015
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2014
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
2013
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2012
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2011
Dec
Nov
Oct
Sep
Aug
Jul
May
Apr
Mar
Feb
Jan
2010
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2009
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2008
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Feed
Follow @GMapsPlatform
Follow
Google Maps Platform Website
Give us feedback in our
Product Forums
.
Follow