Google Maps Platform

Code the Road Europe Recap: Our last stop in London

Wednesday, December 23, 2015

AppyparkingPosted by Michael St. Germain, Associate Product Marketing Manager, Google Maps APIs

Code the Road Europe Recap: The Hamburg Hackathon for Refugees

Tuesday, December 22, 2015

RefugeeMaps.eu

Improvement to the front end design and UX optimization based on language preferences, making it easier for refugees to navigate the platform based on their preference for Arabic, English or German.

A function that makes it easier for refugees to print out select, zoomed-in areas of the map. Not all refugees have cell phones, especially women and children, so one group decided it was important to make sure it was easy for someone to print out maps to make it truly offline.

Addition of new places. Currently, only local volunteers with access to a master spreadsheet can add locations; however, one group added a function that makes it easier for anyone to add in a location through the interface of the map. This then updates the master spreadsheet.

A native offline Android app. Offline is important for the refugees that might not have data plans, so one group created a native Android app that could be used offline.

No server solution. To make it easier to run the platform, developers made a solution that did not require a server-side.

A performance boost. Developers added back-end changes to allow for caching of resources for offline use.

GitHubRefugeeMaps.euPosted by Hena Haines, Product Marketing Manager, Google Maps APIs

Code the Road Europe Recap: Our Visit to Berlin for a Developer Meetup

Monday, December 21, 2015

the Factory

Kia cee’d Surprise Drive digital marketing campaignpresentation
IMG_4273 (1).JPG

Posted by Tobias Espig, Head of Global Field Marketing, Google Maps APIs

Code the Road Europe Recap: Our first stop in Tel Aviv

Friday, December 18, 2015

‘Code the Road’ Europe tour

Posted by Tobias Espig, Head of Global Field Marketing, Google Maps APIs

New Autocomplete widget helps users with places and address entry in mobile apps

Thursday, December 17, 2015

Posted by Florian Bertele, Product Manager, Google Places APIiOSAndroidplace picker

Full screen autocomplete widget

Overlay autocomplete widget

FragmentIntent<fragment
android:id="@+id/place_autocomplete_fragment"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:name="com.google.android.gms.location.places.ui.PlaceAutocompleteFragment"
/>//
PlaceAutocompleteFragment fragment = (PlaceAutocompleteFragment)
getFragmentManager().findFragmentById(R.id.place_autocomplete_fragment);

fragment.setOnPlaceSelectedListener(new PlaceSelectionListener() {
@Override
public void onPlaceSelected(Place place) { // Handle the selected Place
}
@Override
public void onError(Status status) { // Handle the error
}try {
Intent intent =
new PlaceAutocomplete.IntentBuilder(PlaceAutocomplete.MODE_FULLSCREEN)
.build(this);
startActivityForResult(intent, PLACE_AUTOCOMPLETE_REQUEST_CODE);
} catch (GooglePlayServicesRepairableException e) {
GooglePlayServicesUtil
.getErrorDialog(e.getConnectionStatusCode(), getActivity(), 0);
} catch (GooglePlayServicesNotAvailableException e) {
// Handle the exception
}@interface MyViewController ()
@end

@implementation ViewController
.
.
.
- (IBAction)onLaunchClicked:(id)sender {
// Present the Autocomplete view controller when the button is pressed.
GMSAutocompleteViewController *acController = [[GMSAutocompleteViewController alloc] init];
acController.delegate = self;
[self presentViewController:acController animated:YES completion:nil];
}

- (void)viewController:(GMSAutocompleteViewController *)viewController
didAutocompleteWithPlace:(GMSPlace *)place {
// The user has selected a place.
[self dismissViewControllerAnimated:YES completion:nil];
}

- (void)viewController:(GMSAutocompleteViewController *)viewController
didAutocompleteWithError:(NSError *)error {
[self dismissViewControllerAnimated:YES completion:nil];
}

// User pressed cancel button.
- (void)wasCancelled:(GMSAutocompleteViewController *)viewController {
[self dismissViewControllerAnimated:YES completion:nil];
}

@endimport UIKit
import GoogleMaps

class MyViewController: UIViewController {

@IBAction func onLaunchClicked(sender: AnyObject) {
let acController = GMSAutocompleteViewController()
acController.delegate = self
self.presentViewController(acController, animated: true, completion: nil)
}
}

extension MyViewController: GMSAutocompleteViewControllerDelegate {

func viewController(viewController: GMSAutocompleteViewController!, didAutocompleteWithPlace place: GMSPlace!) {
// The user has selected a place.
self.dismissViewControllerAnimated(true, completion: nil)
}

func viewController(viewController: GMSAutocompleteViewController!, didAutocompleteWithError error: NSError!) {
self.dismissViewControllerAnimated(true, completion: nil)
}

func wasCancelled(viewController: GMSAutocompleteViewController!) {
self.dismissViewControllerAnimated(true, completion: nil)
}
}place picker

code samplesStack Overflowissue tracker

Introducing the Google My Business API

Tuesday, December 15, 2015

Google My Business API

Create business locations with information such as name, address, phone number, category, business hours, and more

Manage special hours

Mark a business location as permanently closed

Manage business photos

List, invite and remove managers on locations and business accounts

Read listing state to identify Google updated, duplicate and suspended locations

Search/Filter locations by name, category and label

Set the service area for a business either by specifying a point and radius or Place IDs

public static Location createLocation(String accountName) throws Exception {
Location location = new Location();

// Street address
Address address = new Address();
List addressLines = Arrays.asList("740 Valencia Street");
address.setAddressLines(addressLines);
address.setLocality("San Francisco");
address.setAdministrativeArea("CA");
address.setCountry("US");
address.setPostalCode("94110");
location.setAddress(address);

// Business hours
BusinessHours businessHours = new BusinessHours();
List periods = new ArrayList<>();
List days = Arrays.asList("Monday", "Tuesday", "Wednesday", "Thursday", "Friday");
for (String day : days) {
TimePeriod period = new TimePeriod();
period.setOpenDay(day);
period.setOpenTime("11:00");
period.setCloseTime("20:00");
period.setCloseDay(day);
periods.add(period);
}
businessHours.setPeriods(periods);
location.setBusinessHours(businessHours);

// Special hours
Date christmasEve = new Date().setYear(2015).setMonth(12).setDay(24);
Date christmasDay = new Date().setYear(2015).setMonth(12).setDay(25);
List periods = new ArrayList<>();
periods.add(new SpecialHourPeriod()
.setStartDate(christmasEve)
.setOpenTime("11:00")
.setCloseTime("20:00")
.setEndDate(christmasEve));
periods.add(new SpecialHourPeriod()
.setStartDate(christmasDay)
.setIsClosed(true));
SpecialHours specialHours = new SpecialHours()
.setSpecialHourPeriods(periods);

location.setSpecialHours(specialHours);

location.setLocationName("Dandelion Chocolate");
location.setStoreCode("DC1");
location.setPrimaryPhone("415 349-0942");
location.setPrimaryCategory(new Category().setCategoryId("gcid:chocolate_shop"));
location.setWebsiteUrl("https://www.dandelionchocolate.com/");

// Create Location
CreateLocationRequest createLocationRequest = new CreateLocationRequest();
// RequestId is a unique id for each location created
createLocationRequest.setRequestId(“1a84939c-ab7d-4581-8930-ee35af6fefac”);
createLocationRequest.setLocation(location);
createLocationRequest.setLanguageCode("en-US");
Mybusiness.Accounts.Locations.Create createLocation =
mybusiness.accounts().locations().create(accountName, createLocationRequest);

Location createdLocation = createLocation.execute();

System.out.printf("Created Location:\n%s", createdLocation.toPrettyString());

return createdLocation;
}seeing holiday-specific opening hours on Google

developer pageGoogle My Business API ForumPosted by Aditya Tendulkar, Product Manager, Google My Business

The new Google Maps SDK for iOS includes bitcode support, new events and more

Monday, November 30, 2015

Google Maps SDK for iOS 1.11BitcodedidLongPressInfoWindowOfMarkerdidCloseInfoWindowOfMarkertakes advantage of iOS long-touch as another way for users to interact with Maps SDK for iOS enabled apps. The close event is particularly useful if you wish to programmatically zoom back out on the map after the user has looked at the detail associated with a particular marker. GMSMapViewDelegateGMSPanoramaViewDelegateSVProgressHUDimport UIKit
import GoogleMaps

class MapRenderingViewController: UIViewController {
@IBOutlet var mapView: GMSMapView!

override func viewDidLoad() {
super.viewDidLoad()
mapView.delegate = self
}

// MARK: - GMSMapViewDelegate

func mapViewDidStartTileRendering(mapView: GMSMapView!) {
SVProgressHUD.showWithStatus("Loading tiles")
}

func mapViewDidFinishTileRendering(mapView: GMSMapView!) {
SVProgressHUD.dismiss()
}
}

Setting ground overlay opacity with an alpha value

Polygon hole support

Increased camera tilt range at high zoom

Additional Places autocomplete functionality

release notesGoogle Maps SDK for iOS 1.11Posted by Megan Boundey, Product Manager, Google Maps Mobile APIs

Predicting the Future with Google Maps APIs

Tuesday, November 10, 2015

Directions APIDistance Matrix APIdeparture_time
Screen Shot 2015-11-10 at 8.26.11 PM.png

traffic_modeloptimisticpessimisticbest_guessRedfinpessimisticoptimisticbest_guessvideoDirections APIDistance Matrix APIDirectionsDistance Matrixclient librariesPosted by Elena Kelareva, Product Manager, Google Maps APIs

The Google Maps APIs team hits the road with ‘Code the Road’ in Europe

Wednesday, November 4, 2015

Tel AvivBerlinLondonHamburgPosted by Tobias Espig, EMEA Marketing, Google Maps APIs

Map Tips: (What’s nearest; Who’s closest?) Creating a better customer experience with the Distance Matrix service

Wednesday, October 28, 2015

Posted by Corey Bradford, Google Maps Solution ArchitectEditor’s note: ‘Map Tips’ are designed to answer frequently asked questions about Google Maps APIs. For important tips on how to deploy Google’s mapping tools, read more from Corey Bradford, Google Maps Solution Architect at Google.Distance Matrix serviceStore locators

Directions Service

Store #	Straight-Line Distance (mi)	Driving Distance (mi)	Driving Time (min)	Driving Time with Current Traffic (min)
1	1.4	5.4	15	20
2	2.7	4.4	9	15
3	2.5	4.7	11	11

Rideshare and taxis
Taxi mobile map.png

What's Under The Hoodvar customerLocation = '1903 Toro Canyon Rd, Austin, TX 78746';

var store1 = '3808 W. 35th, Austin, TX 78703';
var store2 = '4933 Plaza on the Lake, Austin, TX 78746';
var store3 = '6500 Bee Cave Rd, Austin, TX 78746';function calculateDistances() {
// Create a new Distance Matrix Service object
var service = new google.maps.DistanceMatrixService();

// Set the options such as the pre-defined origin
// and destinations, as well as specifying to use
// duration in traffic

service.getDistanceMatrix({
origins: [customerLocation],
destinations: [store1, store2, store3],
travelMode: google.maps.TravelMode.DRIVING,
unitSystem: google.maps.UnitSystem.IMPERIAL,
avoidHighways: false,
avoidTolls: false,
durationInTraffic: true
}, callback);
}

function callback(response, status) {
if (status != google.maps.DistanceMatrixStatus.OK) {
console.log('DistanceMatrix Error: ', status);
} else {
// Get the arrays of origins and destinations
var origins = response.originAddresses;
var destinations = response.destinationAddresses;

for (var i = 0; i < origins.length; i++) {
// For each of the origins, get the results of the
// distance and duration of the destinations
var results = response.rows[i].elements;
for (var j = 0; j < results.length; j++) {
// Store the results for later sorting
storeResults.push([destinations[j],
results[j].duration_in_traffic.value,
results[j].distance.value]);
}
}
// Sort the results by duration in traffic
storeResults.sort(function(a, b) {
return a[1] - b[1];
});
}
}destination_addresses" : [
"3808 West 35th Street, Austin, TX 78703, USA",
"4933 Plaza on the Lake, Austin, TX 78746, USA",
"6500 Bee Cave Road, Austin, TX 78746, USA"
],
"origin_addresses" : [ "1903 Toro Canyon Road, Austin, TX 78746, USA" ],
"rows" : [
{
"elements" : [
{
"distance" : {
"text" : "5.4 mi",
"value" : 8631
},
"duration" : {
"text" : "15 mins",
"value" : 917
},
"duration_in_traffic" : {
"text" : "20 mins",
"value" : 1188
},
"status" : "OK"
},
{
"distance" : {
"text" : "4.4 mi",
"value" : 7157
},
"duration" : {
"text" : "9 mins",
"value" : 569
},
"duration_in_traffic" : {
"text" : "15 mins",
"value" : 911
},
"status" : "OK"
},
{
"distance" : {
"text" : "4.7 mi",
"value" : 7490
},
"duration" : {
"text" : "11 mins",
"value" : 635
},
"duration_in_traffic" : {
"text" : "11 mins",
"value" : 635
},
"status" : "OK"
}
]
}Distance Matrix serviceDistance Matrix APIWeb Services APIs

Always-on Android Wear apps with the Google Maps API

Thursday, September 24, 2015

Posted by Ankur Kotwal, Developer Advocate at GoogleGoogle Play Services 8.1ambient mode

Set your your targetSDKVersion to 22 or higher

Add the following dependencies to build.gradle for your app to add the wearable support library.

dependencies {
compile 'com.google.android.support:wearable:1.2.0'
provided 'com.google.android.wearable:wearable:1.0.0'
}

Add the wearable shared library entry into the wearable app manifest:

<application>
<uses-library android:name="com.google.android.wearable"
android:required="false" />
...
</application>

Add the WAKE_LOCK permission to the handheld and wearable app manifest:

<uses-permission android:name="android.permission.WAKE_LOCK" />

Have your Activity extend WearableActivity. This will provide the overrides that notify your app when the wearable enters, exits and provides screen updates in ambient mode.

In the onCreate() method of your activity, call the setAmbientEnabled() method. This tells the framework that the app should enter ambient mode rather than returning to the watch face.

Set your map to support ambient mode. You can do this by setting the attribute map:ambientEnabled="true" in the activity's XML layout file, or programmatically by setting GoogleMapOptions.ambientEnabled(true). This informs the API to pre-load necessary map tiles for ambient mode.

When the activity switches to ambient mode, the system calls the onEnterAmbient() method in your wearable activity. Override onEnterAmbient() and call MapFragment.onEnterAmbient() or MapView.onEnterAmbient(). The map changes to a non-interactive, low-color rendering of the map.

When in ambient mode, your app can update the display every minute by overriding onUpdateAmbient(). If you need more frequent updates, check out this guide.

When the activity leaves ambient mode, the system calls the onExitAmbient() method in your wearable activity. Override onExitAmbient() and call MapFragment.onExitAmbient() or MapView.onExitAmbient(). The map returns to the normal rendering and is now ready to accept user input.

documentationsample code

Map Tips: Style maps like a wizard

Thursday, September 24, 2015

Posted by Ed Boiling, Google Maps Solution ArchitectEditor’s note: ‘Map Tips’ are designed to answer frequently asked questions about Google Maps APIs. For important tips on how to deploy Google’s mapping tools, read more from Ed Boiling, Google Maps Solution Architect at Google.Google Maps Style Wizard

style MapOptions
Screen Shot 2015-09-07 at 11.56.33.png

styleMapOptions[
{
"featureType": "water",
"elementType": "geometry.fill",
"stylers": [
{ "color": "#cc00ff" }
]
},{
"elementType": "labels",
"stylers": [
{ "visibility": "off" }
]
}
]many Maps API methods available[
{
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "landscape",
"stylers": [
{ "visibility": "on" },
{ "color": "#e5e3df" }
]
},{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{ "visibility": "on" },
{ "color": "#d4d4d4" }
]
}
]
Screen Shot 2015-09-07 at 12.01.07.png

Styled MapsGoogle Maps Style Wizardsnazzymaps.com

Map Tips: Speeding up page load times with the Google Maps JavaScript API

Monday, September 21, 2015

Posted by Mark McDonald, Google Developer Relations TeamEditor’s note: ‘Map Tips’ are designed to answer frequently asked questions about Google Maps APIs. Since web performance is so hot right now, we want to provide some useful information. For important tips on how to deploy Google’s mapping tools, read more from Mark McDonald, Google Developer Relations. Also, our friends over at Wikipedia have just done something similar!
Loading JavaScript 101developer resources<script>

As a browser loads its stream of HTML content representing the page to render, it builds DOM and CSSOM trees representing the page structure and style, respectively.

JavaScript can change both the DOM and the CSSOM, for example through document.createElement() and myElement.style.backgroundColor.

Ergo, when the browser hits a <script> tag, either in-line or externally hosted, it has to pause any further processing of the script and any further HTML rendering until the script has been fetched and any CSS declared prior has been fetched and processed. Take note—this is critical as it affects the speed at which the first round of content is displayed in the browser.

asynchronously loading JavaScript
Unblocking scriptsasyncdefer<script src="https://maps.googleapis.com/maps/api/js" async defer></script>asyncdeferInternet Explorer 5.5WHATWG specasyncasyncdeferonLoad<script src="https://maps.googleapis.com/maps/api/js"></script>
...
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
google.maps.event.addDomListener(window, 'load', initMap);
</script><script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
async defer></script><script>initMapDOMContentLoaded fires
The numbersChrome DevToolswindow.performance.now()initMap

I can use this everywhere, right?google.mapsmix in<script><body>

Subclassing anything in the Google Maps JavaScript API (for example, custom overlays). You must ensure your classes are defined after the callback has been executed.

LatLngs defined outside of the map initialization function. Most functions now accept LatLngLiterals, so you can simply pass { lat: 33, lng: 151 }.

Updating your own codePageSpeed tool

Maps Platform

Code the Road Europe Recap: Our last stop in London

Code the Road Europe Recap: The Hamburg Hackathon for Refugees

Code the Road Europe Recap: Our Visit to Berlin for a Developer Meetup

Code the Road Europe Recap: Our first stop in Tel Aviv

New Autocomplete widget helps users with places and address entry in mobile apps

Introducing the Google My Business API

The new Google Maps SDK for iOS includes bitcode support, new events and more

Predicting the Future with Google Maps APIs

The Google Maps APIs team hits the road with ‘Code the Road’ in Europe

Map Tips: (What’s nearest; Who’s closest?) Creating a better customer experience with the Distance Matrix service

Always-on Android Wear apps with the Google Maps API

Map Tips: Style maps like a wizard

Map Tips: Speeding up page load times with the Google Maps JavaScript API

Labels

Archive

Feed

Company-wide

Products

Developers