Upgrade to Pro — share decks privately, control downloads, hide ads and more …

#DevFest14 Zhuhai Google Map dev.

Zoom.Quiet
October 22, 2014

#DevFest14 Zhuhai Google Map dev.

Cross-Country Joint Events with GDG HK
+HomingTam

Zoom.Quiet

October 22, 2014
Tweet

More Decks by Zoom.Quiet

Other Decks in Technology

Transcript

  1. Homing Tam Google Developer Expert – Maps Committee Member, Google

    Developer Group – Hong Kong 18th October, 2014
  2. 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
  3. 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
  4. 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
  5. 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)
  6. 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 ⾹香港
  7. 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
  8. 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
  9. 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>! !
  10. Bring Maps to your App Control Of Advertising There may

    be advertising, and the M4B customers will have options for controlling advertising. Example
  11. Bring Maps to your App Google Maps Business View • 

    Add a virtual tour •  Engage with your customers •  Share with the world