mapup tlemcen - google maps api

27
Google Confidential and Proprietary Maps API GDG Tlemcen

Upload: meryem-bendella

Post on 16-Apr-2017

626 views

Category:

Presentations & Public Speaking


1 download

TRANSCRIPT

Page 1: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Maps API

GDG Tlemcen

Page 2: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Introduction

La cartographie dynamique. Permettre à l’internaute de naviguer dans

des cartes Démocratiser cette nouvelle technologie. Web mapping.

Page 3: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Introduction

Version 3, plus de 350 000 sites web l’utilisent pour afficher des cartes dynamiques.

L’API a été proposée aux développeurs en juin 2005.

Page 4: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

What is Google Maps API?

Une interface de programmation. Il s’agit d’un ensemble de fonctions et classes

JavaScript qui permettent de manipuler une carte dynamiquement au sein d’un site web.

Page 5: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Web Android

Get Started!!

Page 6: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Obtaining an API Key

To create your API key:

1. APIs Console at https://code.google.com/apis/console.

2. Click the Services link from the left-hand menu.

3. Activate the Google Maps API v3 service.4. Click the API Access link from the left-hand

menu.Web

Page 7: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Your API key is available from the API Access page, in the Simple API Access section.

Web

Page 8: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Simple Map, example

Web

Page 9: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Result

Web

Page 10: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Web Android

Page 11: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Overview

Android

Install the Android SDK. Download and configure the

Google Play services SDK. Obtain an API key. Add the required settings in your application's

manifest. Add a map to your application. Publish your application.

Page 12: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Install the Android SDK

Android

http://developer.android.com/sdk/

Page 13: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Google Play services SDK

Android

Install the Google Play services SDK.

Add Google Play services as an Android library project.

Reference the Google Play services in your app's project.

Page 14: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Obtain an API key

Android

http://console.developers.google.com

In the Services page, verify that the "Google Maps Android API v2" is enabled.

In the left navigation bar, click API Access. In the resulting page, click Create New Android

Key. Enter the SHA-1 fingerprint, then a semicolon,

then your application's package name.

Page 15: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Obtain an API key

Android

Page 16: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android Manifest

Android

Add the Google Play

services version.

Specify API key.

Specify requirement for

OpenGL ES 2

Specify permissions.

Page 17: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android

Add the Google Play services version

Page 18: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android

Specify API key

Page 19: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android

Specify requirement for OpenGL ES 2

Page 20: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android

Specify permissions

Page 21: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Add a map

Android

In the app's layout XML

file.

Extend MapFragment.

Basic setup.

Page 22: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android

1. Add the following fragment in the app's layout XML file

Page 23: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Android

2. Add the following code in ActivityMain.java

Page 24: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Simple Map, example

Android

Page 25: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Result

Android

Page 26: MapUp Tlemcen - Google Maps API

Google Confidential and Proprietary

Thanks! Questions?

Page 27: MapUp Tlemcen - Google Maps API

[email protected]

Meryem Bendella

Meryem BENDELLA‘GDG Tlemcen Technical Manager ’