Maps Platform
Product updates, customer stories, and tips and tricks on Google Maps Platform
Map of the Week: Airbnb for Android
Friday, May 31, 2013
M(app) of the Week:
Airbnb for Android
Why we like it:
In addition to getting a
visual and functional refresh
and
Google Wallet integration
, the
Airbnb app for Android
now includes some advanced map marker features, such as custom marker images and
marker clustering
. The Airbnb team added these features to their app using the
Google Maps Android API v2
.
When searching for a place to stay, each location is displayed on a map with a marker indicating its price per night. Using
custom marker images
to show additional information on the map helps users make decisions based on multiple, important variables (e.g. price and location) more rapidly. With the Maps API, you can create custom markers from bitmaps that you dynamically draw or load over the wire, or from static assets that you package with your application.
The Airbnb app also uses the
Projection class
to determine which markers would visually overlap, and replaces them with a single
cluster marker
that shows how many places it represents. Marker clustering allows developers to control the visual complexity of the map and improve app performance by reducing the number of makers that are displayed simultaneously.
As the user interacts with the map, the marker clustering dynamically changes, which is a great experience for exploring the information displayed on the map.
Marker clustering is also a excellent technique for capturing a third important piece of information about places, which is density. In the above map of San Francisco, you can see that there are a number of Airbnb places listed in the Mission and Noe Valley neighborhoods, which might indicate that these are interesting places to visit and explore (they are!).
If you want to read more about the technical and visual enhancements that the Airbnb team made to their Android app, be sure to visit their
Nerd Blog
!
Posted by
Paul Saxman
, Maps Developer Relations Team
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
.