Rutas del estilo.pdf

8/10/2019 Rutas del estilo.pdf

1/24

Rutas del estilo: https://www.google.es/maps/@40.440847,-3.626841,17z

1. Downloading Google Play Services

Google made new Maps V2 API as a part of Google Play Services SDK. So before we

start developing maps we need to download google play services from SDK manger. o!

can open SDK manager eit"er from #clipse or from android sd$ folder.

%pen Eclipse Windows Android SDK Managerand c"ec$ w"et"er yo! "ave

already downloaded Google Play Services or not !nder Extrassection. If not select play

services and install t"e pac$age.
https://www.google.es/maps/@40.440847,-3.626841,17zhttps://www.google.es/maps/@40.440847,-3.626841,17z


2/24

2. Importing Google Play Services into Eclipse

After downloading play services we need to import it to #clipse w"ic" will be !sed as a

library for o!r maps pro&ect.

1. In #clipse goto FileImport Android Existing Android ode Into Wor!space

". 'lic$ on (rowse and select Google Play Services pro&ect from yo!r android sd$ folder.

o! can locate play services library pro&ect from

android#sd!#windows$extras$google$google%play%services$li&pro'ect$google#play#

services%li&

(. Importantly w"ile importing c"ec$ opy pro'ects into wor!space option as s"own in

t"e below image.


3/24

3. Getting the Google Maps API ey

1. Same as in maps v) we need to generate S*A+) fingerprint !sing &ava !eytool . %pen

yo!r terminal and e,ec!te t"e following command to generate S*A+) fingerprint.

)n Windows

keytool -list -v -keystore "%USERPROFILE%\.android\debug.keystore"-alias androiddebu


4/24

)n *in+x or Mac )S

keytool -list -v -keystore !.androiddebug.keystore -alias androiddebugkey -storeas

In t"e o!tp!t yo! can see S*A ) finger print.

". -ow open Google API 'onsole

(. Select Serviceson left side and t!rn on Google Maps Android API v"

,. -ow select API Accesson left side and on t"e rig"t side clic$ on reate new Android

!ey-
https://code.google.com/apis/console/https://code.google.com/apis/console/


5/24

.. It will pop!p a window as$ing t"e S*A) and pac$age name. #nter yo!r S /A 1 and

yo!r android pro'ect pac!age name separated by semicolon 0 and clic$ on create.


6/24

I "ave given li$e below

#E$&$E'$(($&)$*#$E+$'*$,$)F$*F$#*$)+$+,$E$F$+($$F#$/0in1o.android2ive.google3a

And note down t"e API $ey w"ic" re!ired later in o!r pro&ect.


7/24

!. "reating new Pro#ect

After completing re!ired config!ration/ It0s time to start o!r pro&ect.

1. In #clipse create a new pro&ect by going to File ew Android Application

Pro'ect and fill re!ired details. I $ept my pro&ect name as Google Maps 2" and

pac$age name asin3o4android5ive4in3o

". -ow we need to !se Google Play Services pro&ect as a library to !se pro&ect. So rig5t

clic!on pro&ect and select properties. In t"e properties window on left side

select Android. %n t"e rig"t yo! can see aAddb!tton !nder library section. 'lic$ it and

select google play servicespro&ect w"ic" we imported previo!sly.


8/24


9/24


10/24

(. Add t"e Map Key in t"e manifest file. %pen AndroidMani3est4xml file and add t"e

following code before tag. 1eplace t"e android6val+e wit" yo!r map $ey w"ic" yo! got

from google console.

45-- 6oolge 7as PI 8ey --9

43eta-data

android$na3e:";o3.google.android.3as.v,.PIaSy#?7lkOv(s@-7ABO)/CksdaD(E@Lgo"9

,. Google maps needs following permissions and feat!res.


11/24


12/24

4uses-er3issionandroid$na3e:";o3.google.android.roviders.gs1.er3ission.RE


13/24

android$value:"I>aSy#?7lkOv(s@-7ABO)/CksdaD(E@Lgo"9

4ali;ation9

43ani1est9

.. -ew google maps are implemented !sing MapFragments w"ic" is a s!b class

of Fragments class. %pen yo!r main activity layo!t file activity%main4xml file and

add following code. I !sed8elative*ayo+t as a parent element. o! can remove it and

!se Map5ragment directly.

a&ti(it)*mai!.%ml

4GD3lversion:"'."en;oding:"ut1-+"G9

4RelativeLayoutD3lns$android:"http://s&hemas.a!d"oid.&om/ap'/"es/a!d"oid"

android$layout


14/24

MOverride

rote;tedvoidonHreateQ#undle savedInstan;eState

suer.onHreateQsavedInstan;eState0

setHontentieCQR.layout.a;tivitye7aQ0

;at;2QED;etion e

e.rintSta;kra;eQ0

TT

T 1un;tion to load 3a. I1 3a is not ;reated it Cill ;reate it 1or you

T T

rivatevoidinitili>e7aQ

i1Qgoogle7a :: null

google7a : QQ7aFrag3ent getFrag3ent7anagerQ.1indFrag3ent#yIdQ

R.id.3a.get7aQ0

;2e;k i1 3a is ;reated su;;ess1ully or not

i1Qgoogle7a :: null

oast.3akeeDtQgetli;ationHonteDtQ

"Sorry5 unable to ;reate 3as" oast.LE6N


15/24

MOverride

rote;tedvoidonResu3eQ

suer.onResu3eQ0

initili>e7aQ0

1!n yo!r pro&ect and congrat!lations if yo! see a map displaying on yo!r device.


16/24


17/24

Placing a Marer

o! can place a mar$er on t"e map by !sing following code.

latitude and longitude

doublelatitude : 0

doublelongitude : 0

;reate 3arker

7arkerOtions 3arker : neC7arkerOtionsQ.ositionQneC LatLngQlatitude longitude.t

adding 3arker

google7a.add7arkerQ3arker0


18/24


19/24

"hanging Marer "olor

(y defa!lt map mar$er color will be 1#D. Google maps provides some set of predefined

colored icons for t"e mar$er.

ROSE ;olor i;on

3arker.i;onQ#it3aes;ritorFa;tory.de1ault7arkerQ#it3aes;ritorFa;tory.NUE


20/24

Apart from maps native mar$er icons/ yo! can !se own image to s"ow as a mar$er. o! can

load t"e icon from any $ind of s!pported so!rces.

3 ro mA ss et ;S tr in g a ss et a me < 8oading from assets folder

3rom=itmap ;=i tmap image< 8oading bitmap image

3romFi le ;String pat5< 8oading from file

3rom8eso+rce ;int reso+rceId< 8oading from drawable reso!rce

(elow I loaded a c!stom mar$er icon from drawa&lefolder

latitude and longitude

doublelatitude : '*.&+A((0

doublelongitude : *+.(+//*'0

;reate 3arker

7arkerOtions 3arker : neC7arkerOtionsQ.ositionQneC LatLngQlatitude longitude.t

H2anging 3arker i;on

3arker.i;onQ#it3aes;ritorFa;tory.1ro3Resour;eQR.draCable.3y


21/24

5ollowing are en"ancements and feat!res t"at google maps provides. o! can !tili9e t"ese

feat!res w"ic" s!ites to yo!r re!irements.

"hanging Map &ype

Google provides : $inds of map types ormal/ /y&rid/ Satelliteand 7errain. o! can

toggle to any $ind of map !sing googleMap4setMap7ype;< met"od.

google7a.set7ayeQ6oogle7a.7P


22/24


23/24

Showing "$rrent %ocation

o! can s"ow !ser0s c!rrent location on t"e map by

calling setMy*ocationEna&led;< . Pass tr!e ; false to enable or disable t"is feat!re

google7a.set7yLo;ationEnabledQtrue0 1alse to disable

'ooming ($ttons

o! can call set>oomontrolsEna&led;< f!nction to get rid of t"ose 9ooming

controls on t"e map. (y disabling t"ese b!ttons map 9ooming f!nctionality still wor$ by

pinc"ing gest!re.

google7a.getUiSettingsQ.set?oo3HontrolsEnabledQ1alse0 true to enable

'ooming )$nctionality

o! can disable 9ooming gest!re f!nctionality by

calling set>oomGest+resEna&led;

Rutas del estilo.pdf

Documents

Transcript of Rutas del estilo.pdf