En aquesta pràctica crearem una api amb PHP amb una base de dades MYSQL per mostrar restaurants en un mapa amb la llibreria Leaflet.
~~ Nivel 1
fase1 - Crear un base de dades anomenada my_app juntament amb la taula restaurants. Afegir com a mínim 10 restaurants tenint en compte que un restaurant pot tenir més d’un tipus de menjar diferent. Pista: kind_food es de tipus SET
fase2 -
-
Instal·lar un servidor Apache (Programa Xampp).
-
Copiar el contingut de la següent carpeta a:
Ubuntu: /opt/lamp/htdocs Windows: C/:xampp/htdocs Mac: Caldrà muntar una unitat -
Obrim un navegador i escrivim:
http://localhost/mapa/api/apiRestaurants.php (per carregar la API amb el json dels restaurants) http://localhost/mapa/index.html (per carregar el mapa)
fase3 - L’objectiu d’aquesta fase serà programar la part 3.1 i la 3.2 amb javascript (+ jquery).
~~ nivell 2 Crea un nou camp a la base de dades anomenat photo, que sigui un varchar de 30 caràcters. Necessitem que al clicar a un marcador aparegui la foto juntament amb la resta d'informació.
~~ nivell 3 (fitxer ex3.html) El centre del mapa ha de ser la nostra posició GPS real actual.