Differences
This shows you the differences between two versions of the page.
|
isi:laboratoare:04 [2024/11/04 20:05] sorin.ciolofan [Task] |
isi:laboratoare:04 [2025/10/27 19:15] (current) sorin.ciolofan [Task] |
||
|---|---|---|---|
| Line 85: | Line 85: | ||
| === Task 1 === | === Task 1 === | ||
| - | Rulați aplicația web realizată cu Angular și JavaScript API pe baza template-ului din laborator. Verificați funcția de rutare între două puncte (capete de traseu / trailheads) pe hartă. | + | Rulați aplicația web realizată cu Angular și JavaScript API pe baza template-ului din laborator. Verificați funcția de rutare între două puncte negre, capete de traseu (trailheads) pe hartă. |
| <note important>Adăugați API key-ul din contul ArcGIS Developer: ''esriConfig.apiKey = "MY_API_KEY";''</note> | <note important>Adăugați API key-ul din contul ArcGIS Developer: ''esriConfig.apiKey = "MY_API_KEY";''</note> | ||
| === Task 2 === | === Task 2 === | ||
| - | Adăugați elementele grafice din laboratorul anterior: poligon, punct si polilinie (ex. GraphicsLayer). | + | Adăugați elementele grafice din [[isi:laboratoare:02|Laboratorul 02]]: poligon, punct si polilinie (ex. GraphicsLayer). |
| + | Indicatie: folositi metoda de instanţiere cu new Polyline(...), new Point(...), etc. Exemplu: | ||
| + | <code> | ||
| + | const polygon = new Polygon({ | ||
| + | rings: [ | ||
| + | [ | ||
| + | [-118.818984489994, 34.0137559967283], | ||
| + | [-118.806796597377, 34.0215816298725], | ||
| + | [-118.791432890735, 34.0163883241613], | ||
| + | [-118.79596686535, 34.008564864635], | ||
| + | [-118.808558110679, 34.0035027131376] | ||
| + | ] | ||
| + | ] | ||
| + | }); | ||
| + | </code> | ||
| === Task 3 === | === Task 3 === | ||
| - | Urmăriți modul de integrare a serviciului de rutare în componenta Angular. În mod similar, adăugați serviciul de căutare a locațiilor ([[https://developers.arcgis.com/javascript/latest/tutorials/find-places/|Place search]]) pe baza unei categorii predefinite - Local search (by category). | + | Urmăriți modul de integrare a serviciului de rutare în componenta Angular. În mod similar, adăugați serviciul de căutare a locațiilor ([[https://developers.arcgis.com/javascript/latest/tutorials/find-places/|Place search]]) pe baza unei categorii predefinite. |
| + | |||
| + | {{:isi:laboratoare:lab4:l4_1.png?800|}} | ||
| ==== Resurse ==== | ==== Resurse ==== | ||
