#DevFest14 Zhuhai Google Map dev.

Cross-Country Joint Events with GDG HK
+HomingTam

Transcript

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

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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)
   

   View Slide

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

   View Slide

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

   View Slide

8. 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
   ⾹香港
   

   View Slide

9. 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
   

   View Slide

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

    View Slide

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

    View Slide

12. Bring Maps to your App
    !
    !
    !
    src="https://maps.googleapis.com/maps/api/js?key=GENERATED_FROM_API_CONCOLE&sensor=false">!
    !
    !<br/>function initialize() {!<br/>var myOptions = {!<br/>center: new google.maps.LatLng(25.785, -80.130),!<br/>zoom: 18,!<br/>mapTypeId: google.maps.MapTypeId.ROADMAP!<br/>};!<br/>var map = new google.maps.Map(document.getElementById("map_canvas"),!<br/>myOptions);!<br/>}!<br/>!
    !
    !
    !
    !
    !
    Page View vs. Map Load
    Page View
    Map Load
    

    View Slide

13. Bring Maps to your App
    Control Of Advertising
    !
    !
    !
    src="https://maps.googleapis.com/maps/api/js?client=gme-companyname&sensor=false">!
    !
    !<br/>function initialize() {!<br/>var myOptions = {!<br/>center: new google.maps.LatLng(25.785, -80.130),!<br/>zoom: 18,!<br/>mapTypeId: google.maps.MapTypeId.ROADMAP!<br/>};!<br/>var map = new google.maps.Map(document.getElementById("map_canvas"),!<br/>myOptions);!<br/>}!<br/>!
    !
    !
    !
    !
    !
    !
    

    View Slide

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

    View Slide

15. Bring Maps to your App
    Developer Resources
    

    View Slide

16. Bring Maps to your App
    Google Developer Live
    

    View Slide

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

    View Slide

18. Bring Maps to your App
    

    View Slide