Pràctica Google Maps

De Wikijoan
Revisió de 15:02, 27 abr 2018; Joan (Discussió | contribucions)
(dif) ←Versió més antiga | Versió actual (dif) | Versió més nova→ (dif)
Dreceres ràpides: navegació, cerca

Contingut

Introducció

A Google_Maps_JavaScript_API_v3_(assignatura_WEC) hem vist dos exemples pràctics de Google Maps.

  1. servei de geolocalització: a partir de direccions postals reals, geolocalitzar-les sobre un mapa. Imagineu que sou un comercial i teniu un servei a oferir a les botigues de betes i fils. Si teniu les direccions d'aquestes botigues i les pinteu sobre un mapa, podreu dibuixar una ruta òptima per recórrer totes aquestes botigues.
  2. pintar una ruta GPS. Amb els smartphones és fàcil generar una ruta GPS (per exemple, l'aplicatiu Oruxmaps genera fitxers amb format GPX, que de fet és un fitxer XML). A partir de les coordenades contingudes en el fitxer GPX podem traçar una línia unint tots els punts, i podem visualitzar sobre un mapa la ruta.

Referències

Desenvolupament

Feina per l'alumne

L'alumne farà els dos projectes següents.

nota. El que no es demana és el que ha fet algun alumne de traçar la ruta amb Google Maps des de casa seva a l'institut. Ha de ser una ruta real generada amb un GPS.

insert into direccions (direccio, year) values('Carrer de Sant Honorat, 1-3, 08002 Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer de Jaume I, 2-4, 1-3, 08002 Barcelona, España', 0);
insert into direccions (direccio, year) values('Via Laietana, 14, 08003, Barcelona, España', 0);
insert into direccions (direccio, year) values('Plaça de Sant Jaume, 4 (Palau de la Generalitat), 1-3, 08002 Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer de la Pietat, 2 (Casa dels Canonges), 1-3, 08002 Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer de Jaume I, 2-4, 08002, Barcelona, España', 0);
insert into direccions (direccio, year) values('Plaça de Catalunya, 20, 08003, Barcelona, España', 0);
insert into direccions (direccio, year) values('Avinguda Diagonal, 409, 08008, Barcelona, España', 0);
insert into direccions (direccio, year) values('Via Laietana, 26, 08003, Barcelona, España', 0);
insert into direccions (direccio, year) values('Via Laietana, 2, 08003, Barcelona, España', 0);
insert into direccions (direccio, year) values('Gran Via de les Corts Catalanes, 639, 08010, Barcelona, España', 0);
insert into direccions (direccio, year) values('Rambla de Catalunya, 19-21, 08007, Barcelona, España', 0);
insert into direccions (direccio, year) values('Passeig de Gràcia, 19, 08007, Barcelona, España', 0);
insert into direccions (direccio, year) values('Gran Via de les Corts Catalanes, 639, 08010, Barcelona, España', 0);
insert into direccions (direccio, year) values('Via Laietana, 60, 08003, Barcelona, España', 0);
insert into direccions (direccio, year) values('Via Augusta, 202-226, 08021, Barcelona, España', 0);
insert into direccions (direccio, year) values('Travessera de les Corts, 131-159 - Pavelló Ave Maria, 08028, Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer de la Diputació, 355, 08009, Barcelona, España', 0);
insert into direccions (direccio, year) values('Avinguda de Josep Tarradellas, 2-6, 08029, Barcelona, España', 0);
insert into direccions (direccio, year) values('Avinguda Diagonal, 523-525, 08029, Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer de la Portaferrissa, 1 (Palau Moja), 08002, Barcelona, España', 0);
insert into direccions (direccio, year) values('Passatge de la Banca, 1-3, 08002, Barcelona, España', 0);
insert into direccions (direccio, year) values('Plaça de Salvador Seguí, 1-9, 08001, Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer del Portal de Santa Madrona, 6-8, 08001, Barcelona, España', 0);
insert into direccions (direccio, year) values('Gran Via de les Corts Catalanes, 612-614, 08007, Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer del Dr. Roux, 80, 08017, Barcelona, España', 0);
insert into direccions (direccio, year) values('Plaça de Pau Vila, 1 (Palau de Mar), 08039, Barcelona, España', 0);
insert into direccions (direccio, year) values('Avinguda del Paral·lel, 50-52 (Edifici Santa Madrona), 08001, Barcelona, España', 0);
insert into direccions (direccio, year) values('Carrer de Calàbria, 147, 08015, Barcelona, España', 0);

i també pintarà sobre el mateix mapa les direccions dels alumnes. Per distingir entre les direccions de la Generalitat i dels alumnes, fem servir el camp direccions.year. Has de pintar cada tipus de direcció amb una marca diferent.

Entrega

Els alumnes entregaran al Schoology tots els fitxers generats (fitxers html). Entrega també una captura de la pantalla on es pugui veure el funcionament correcte de l'exercici. S'empaquetaran tots aquests fitxers i es pujaran al Schoology dins del termini d'entrega de la pràctica.

Recorda la normativa per entregar les pràctiques al Schoology: ASIX-M10-UF2#Normativa_d.27entrega_de_les_pr.C3.A0ctiques_al_Schoology


creat per Joan Quintana Compte, abril 2018

Eines de l'usuari
Espais de noms
Variants
Accions
Navegació
Institut Jaume Balmes
Màquines recreatives
CNC
Informàtica musical
joanillo.org Planet
Eines