#DevFest14 Zhuhai Google Map dev.

Homing Tam Google Developer Expert – Maps Committee Member, Google
Developer Group – Hong Kong 18th October, 2014

Bring Maps to your App About Me Dedicated to Maps
& Mobile Solutions Google Developer Expert – Maps (GDE) •  Own Google accreditation •  1st GDE in the Greater China Region Google Maps Business View- Trusted Photographer •  1st in Hong Kong Master Concept – Geo Product Manager •  Google Maps & Earth Enterprise product suite •  Mobile Solutions

Bring Maps to your App Agenda •  Google Geo Product
Families –  History & Features •  Google Maps – API for developers •  Polymer? https://io2014codelabs.appspot.com/static/codelabs/polymer-map-visualization/#1 •  Applications can be made better with Maps –  Why? –  Free or Google for Work version –  Features walkthrough •  Tips and Tricks

Bring Maps to your App Apps Data Google Cloud Infrastructure
Your Infrastructure Your Data Platform Google Coordinate (Google for Work) Google Earth Pro Google Maps & Earth APIs Google Maps Engine (Google for Work) Google Earth Enterprise Google Data 3rd Party Data Google Enterprise Maps & Earth Products Developer

Bring Maps to your App Google Maps Product Families (continued)
•  Google for Work –  Google Maps API for Business –  Google Maps Engine (& API) –  Google Maps Coordinate –  Google Earth Pro –  Google Earth Enterprise (Deprecated in July, 2014) •  Developer –  Google Maps API (& related APIs)

Bring Maps to your App Maps API vs Maps API
for Work

Bring Maps to your App Let’s go deeper (Geocoding) • 
Address <--> Location (x,y) •  Large list of POI •  Localization •  Language Preference •  Tackle complicated addresses problems Address Pattern 9 Queen's Road Central, Hong Kong Island, Hong Kong ⾹香港中環皇后⼤大道中9號 Hong Kong Island, Hong Kong ⾹香港中環 Hong Kong ⾹香港

Bring Maps to your App The Google Maps Geolocation API
returns a location and accuracy radius based on information about cell towers and WiFi nodes that the mobile client can detect. Understanding Google's map-based APIs •  Google Maps Javascript API V3 •  Google Static Maps API V2 •  Google Street View Image API •  Google Earth API •  Google Geocoding API V3 •  Google Elevation API •  Google Directions API •  Google Distance Matrix API •  Google Time Zone API •  Google Maps Places API •  Google Maps Geolocation API •  Google Maps Tracks API •  Google Maps Coordinate API •  Google Maps Engine API •  Google Maps Android API v2 •  Google Maps SDK for iOS

Bring Maps to your App Google Maps API - viewing
a dynamic map

Bring Maps to your App Google Maps API vs. Google
Maps API for Business

Bring Maps to your App <!DOCTYPE html>! <html>! <head>! <script
type="text/javascript"! src="https://maps.googleapis.com/maps/api/js?key=GENERATED_FROM_API_CONCOLE&sensor=false">! </script>! <script type="text/javascript">! function initialize() {! var myOptions = {! center: new google.maps.LatLng(25.785, -80.130),! zoom: 18,! mapTypeId: google.maps.MapTypeId.ROADMAP! };! var map = new google.maps.Map(document.getElementById("map_canvas"),! myOptions);! }! </script>! </head>! <body onload="initialize()">! <div id="map_canvas" style="width:100%; height:100%"></div>! </body>! </html>! Page View vs. Map Load Page View Map Load

Bring Maps to your App Control Of Advertising <!DOCTYPE html>!
<html>! <head>! <script type="text/javascript"! src="https://maps.googleapis.com/maps/api/js?client=gme-companyname&sensor=false">! </script>! <script type="text/javascript">! function initialize() {! var myOptions = {! center: new google.maps.LatLng(25.785, -80.130),! zoom: 18,! mapTypeId: google.maps.MapTypeId.ROADMAP! };! var map = new google.maps.Map(document.getElementById("map_canvas"),! myOptions);! }! </script>! </head>! <body onload="initialize()">! <div id="map_canvas" style="width:100%; height:100%"></div>! </body>! </html>! !

Bring Maps to your App Control Of Advertising There may
be advertising, and the M4B customers will have options for controlling advertising. Example

Bring Maps to your App Developer Resources

Bring Maps to your App Google Developer Live

Bring Maps to your App Google Maps Business View • 
Add a virtual tour •  Engage with your customers •  Share with the world

Bring Maps to your App

#DevFest14 Zhuhai Google Map dev.

#DevFest14 Zhuhai Google Map dev.

Zoom.Quiet

More Decks by Zoom.Quiet

Other Decks in Technology

Featured

Transcript

Homing Tam Google Developer Expert – Maps Committee Member, Google

Bring Maps to your App About Me Dedicated to Maps

Bring Maps to your App Agenda •  Google Geo Product

Bring Maps to your App Apps Data Google Cloud Infrastructure

Bring Maps to your App Google Maps Product Families (continued)

Bring Maps to your App Maps API vs Maps API

Bring Maps to your App Maps API vs Maps API

Bring Maps to your App Let’s go deeper (Geocoding) •

Bring Maps to your App The Google Maps Geolocation API

Bring Maps to your App Google Maps API - viewing

Bring Maps to your App Google Maps API vs. Google

Bring Maps to your App <!DOCTYPE html>! <html>! <head>! <script

Bring Maps to your App Control Of Advertising <!DOCTYPE html>!

Bring Maps to your App Control Of Advertising There may

Bring Maps to your App Developer Resources

Bring Maps to your App Google Developer Live

Bring Maps to your App Google Maps Business View •

Bring Maps to your App