Differences
This shows you the differences between two versions of the page.
|
isi:laboratoare:03 [2025/10/17 15:07] sorin.ciolofan [Task] |
isi:laboratoare:03 [2025/10/17 15:22] (current) sorin.ciolofan [Task] |
||
|---|---|---|---|
| Line 43: | Line 43: | ||
| Observati ca daca dati click pe o locatie (cafenea, parc, benzinarie, etc) nu mai este afisat popup-ul aferent locatiei ci acel click este considerat ca punct de plecare pentru rutare. Modificati codul astfel incat rutarea sa se faca numai daca se da click pe harta, in afara locatiilor, iar daca se da click pe o locatie se afiseaza popup-ul. | Observati ca daca dati click pe o locatie (cafenea, parc, benzinarie, etc) nu mai este afisat popup-ul aferent locatiei ci acel click este considerat ca punct de plecare pentru rutare. Modificati codul astfel incat rutarea sa se faca numai daca se da click pe harta, in afara locatiilor, iar daca se da click pe o locatie se afiseaza popup-ul. | ||
| - | Indicatie: Trebuie diferentiat ce tip de click se intampla: feature/graphic si atunci se deschide popup-ul sau punct obisnuit de pe harta si atunci se continua cu rutarea. Functia [[hitTest|https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest]] | + | <note> |
| + | Indicatie: Trebuie diferentiat ce tip de click se intampla: feature/graphic si atunci se deschide popup-ul sau punct obisnuit de pe harta si atunci se continua cu rutarea. Puteti folosi functia [[https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#hitTest|hitTest]] in acest scop. | ||
| + | </note> | ||
| + | |||
| + | <code> | ||
| + | viewElement.addEventListener("arcgisViewClick", async (event) => { | ||
| + | const view = viewElement.view; | ||
| + | const hit = await view.hitTest(event.detail); | ||
| + | if (hit.results.length > 0 && hit.results[0].graphic.attributes?.PlaceName) { | ||
| + | // deschide popup | ||
| + | ..... | ||
| + | return; // opreste rutarea | ||
| + | } | ||
| + | //continua cu rutarea | ||
| + | ...... | ||
| + | }); | ||
| + | </code> | ||
| **Task 3** | **Task 3** | ||
| Line 107: | Line 123: | ||
| - | ==== Resurse ==== | + | /*==== Resurse ====*/ |
