This is an old revision of the document!
Laboratorul 03. Integrarea funcțională. Servicii GIS avansate
Obiective laborator
- Familiarizare cu ArcGIS JavaScript API
- Înțelegerea modului de realizare a unei aplicații web cu JavaScript API
- Înțelegerea modului de integrare a funcționalităților ArcGIS interactive
- Familiarizare cu serviciile avansate din ArcGIS
- Serviciul de rutare
- Serviciul de căutare a locațiilor
Servicii ArcGIS avansate
ArcGIS pune la dispoziție o multitudine de servicii interactive ce pot fi integrate în aplicații web folosind JavaScript API: Mapping APIs and location services
Rutare
Se poate folosi serviciul de rutare pentru calcularea rutelor și afișarea indicațiilor de navigație (este necesar contul de developer și API key-ul generat) Routing service
Testați serviciul de rutare în CodePen, folosind API key-ul generat în laboratorul anterior.
Căutare locații
Pentru căutarea locațiilor dintr-o arie geografică se poate folosi serviciul Place search. Acesta poate returna locații după categorie (ex. cafenea), nume (ex. Starbucks), adresă, sau coordonate (lat, lng).
Plan laborator
Task
Task 1
Creați o (singură) aplicație web care să includă toate funcționalitățile din planul de laborator. Adăugați toate resursele specificate în tutorial.
Task 2
Realizați setup-ul de mai jos, pe care îl vom folosi în laboratorul următor. Verificați că aplicația rulează în browser fără erori.
Setup local pentru dezvoltare aplicații web cu Angular
Setup și instalare proiect minimal cu Angular
Pentru început am lucrat în CodePen. În laboratorul următor, dorim să realizăm un proiect mai complex și vom lucra pe mașina locală. Avem nevoie de câteva tool-uri înainte de a începe.
Instalare Node.js și NPM
Instalați versiunea LTS de aici, dacă nu aveți deja instalat Node.js: https://nodejs.org/en/
Instalare dependențe globale
Instalare dependențe locale
În folder-ul dezarhivat pe care l-ați descărcat anterior, deschideți un terminal (e.g. PowerShell, shift+click dreapta / Open PowerShell window here) și rulați comanda:
npm install
Compilare și rulare proiect
Pentru a împacheta proiectul și a deschide un server local, ne folosim de toolkit-ul Angular (ng serve). Putem folosi următoarea comandă definită în configurarea proiectului (package.json)
npm run start
Dacă totul este ok (nu sunt erori în cod și toate dependențele au fost instalate corect), se va deschide un server pe portul 4200.
Deschideți browser-ul la adresa: http://localhost:4200/
Resurse
