Google Maps Platform: web

Maps Platform

Product updates, customer stories, and tips and tricks on Google Maps Platform

Four Tips for Improving Your Mobile Web Map App

Wednesday, November 30, 2011

We've had several new feature announcements for the Google Maps API in the last few months, including high resolution static maps, the new Street View Image API, and the use of high DPI map tiles in the JS Maps API on mobile devices. I'm here to give you some tips for using these new features to improve your existing mobile JS map app .

Upgrade Your App to Use the v3 API

If you're still using the v2 Google Maps API it's time to change that. Period. This is one of the best improvements you can make to your map app. The v3 Google Maps API was designed for the mobile web and it is significantly faster than its predecessor. Not only is the v3 Google Maps API designed to load fast on mobile browsers, but your app will be upgraded immediately because your map will automatically access high DPI map tiles, which have better on screen fidelity.

Use the Static Maps API to Improve User Experience

Check your Google Analytics data (or server logs ) to see if your app is being accessed by devices with browsers that can't or don't fully support JavaScript. You can add logic to your app (e.g, server-side user agent checking) to determine whether you should serve your JS Maps API-based app or a static map image that shows the same or similar information. Although your users won't be able to interact with the map, they'll appreciate the ability to view the map. You can even add markers and other features to the static map . You'll also be able to take advantage of the high resolution Static Maps API.

Use StreetView Images to Provide More Context

Chances are your map app gives users access to all kinds of information, whether it's your own data and images or our very own Places API. Give your users some additional context by using the Street View Image API to provide a general idea of what a location looks like at street level. When you provide a location in your URL request, the API will snap to the panorama photographed closest to that particular location.

Use the JS Maps API Only When It Makes Sense

If all you need is a small map for context, you should be using the Static Maps API. This may seem obvious, but we've come across a few mobile apps that seem to use the JS Maps API to provide nothing more than a thumbnail. Use the Static Maps API to load a small image and, if needed, link that thumbnail to open up a larger map (whether your own page that uses the JS Maps API or maps.google.com).

And again, if you're still using the deprecated v2 Google Maps API in any of your apps (mobile or otherwise), it's time to migrate your app to the v3 Google Maps API, as we're more than halfway through the three year deprecation period.

Posted by Andrés Ferraté, Developer Relations, Google Maps API

Our Favorites: Geo Mobile Web Powered by Google Maps

Friday, March 5, 2010

Social networks came into existence thanks to our instinctive need for sharing. Facebook grew out of college campuses by allowing students to share photos or "faces", while Twitter grew by enabling users to share short and quick "tweets" or status updates. As smartphones like iPhone and Android led to the rise of the mobile web, location signature of GPS-enabled devices added a new twist. Users could share locations and activities, opening up a wide range of possible applications, and creating brand new specialty social networks.

As I recently moved from OpenSocial to the Geo APIs, I'm very excited to see that Google Maps is the default platform to power this fast growing segment of what I call the Geo Mobile web. In this post I'm going to highlight this emerging trend by sharing a few of my favorite examples.

Let's start with FourSquare, which is all about sharing the location and activities of users. When a user signs in from a mobile device, FourSquare detects the current location of the user, performs a reverse geocode to fetch a list of places nearby and sends them back to the user, who can opt to check in at one of the places and share it with others.

In this snapshot the Google San Francisco office is shown on Google Maps using the Google Maps JavaScript V2 API. Users can check-in to a place, see check-ins by others, explore places nearby, and build up social contacts by adding friends, all the while having fun by earning badges.

Gowalla by Al

amofire is another application building on this same concept of user check-in and sharing location and activity. When a user chooses a place of interest, activities by others at that location are shown and the user can choose to add people as friends, discover new places, pick up, drop off, and trade items with others.

Gowalla's web app version uses the Google Static Maps API to show a map view of a place while the iPhone native app uses the MapKit framework to render a map.

It is interesting to note that users of these apps initially start out without a built-in social graph but can gradually build them up by sharing their own whereabouts and discovering the location and activities of others.

This kind of viral sharing has boosted the growth for Facebook and Twitter in the past and it is once again driving the creation of these specialty social networks on the new frontier of the Geo Mobile web.

Established social networks like Twitter have taken notice. They recently enhanced their APIs by offering geotagging for tweets and local trends, which have spawned innovative mash-ups like Trendsmap.

The rise of these specialty social networks on the Geo Mobile web is predicated on the introduction and wide adoption of smart mobile devices, the viral spread in user sharing check-ins, as well as the availability of geo data sources and services. Google Maps is the developer solution of choice for many of these applications in regards to data source of tiles and places and services like geocoding, and I'm looking forward to seeing more innovations in this exciting arena.

Posted by Shawn Shen, Developer Relations