Pentru a folosi widgeturi personalizate, veți avea nevoie fie de Developer Edition a Experience Builder, fie de o instanță Experience Builder implementată în ArcGIS Enterprise (versiunea 11.0 sau mai mare). Rețineți că ArcGIS Online nu suportă în prezent implementarea widgeturilor personalizate.

Înainte să începem, te rog să te asiguri că ai parcurs articol: Ghidul ArcGIS Experience Builder Developer Edition (Partea 1) pentru a seta baza necesară. link

• Widgeturile personalizate pot fi găsite adesea în depozite precum repository-ul oficial Experience Builder SDK de pe GitHub.
• Răsfoiți repository-ul și descărcați fișierul ZIP care conține widgeturile.

Dezarhivați folderul descărcat pe calculatorul dvs.

• În folderul extras, navigați la directorul widgets. Fiecare subfolder din acest director corespunde unui widget individual.
• Identificați widgetul pe care doriți să-l utilizați. De exemplu:
  • get-map-coordinates-class: un widget pentru afișarea latitudinii și longitudinii atunci când treceți mouse-ul peste hartă.
  • Translation folder: un widget care suportă traduceri în mai multe limbi.

• Copiați folderul widgetului pe care doriți să-l utilizați din fișierele extrase.
• Deschideți directorul în care este instalată Developer Edition.
• Lipiți folderul în client/your-extensions/widgets. Aici trebuie stocate toate widgeturile personalizate.

• Rulați comanda npm start în ambele directoare, client și server, din instalarea Developer Edition.
• La repornirea procesului npm start pentru directorul client, observați ieșirea terminalului. Widgeturile nou încărcate, inclusiv widgetul personalizat, vor apărea evidențiate în verde.

• Accesați Experience Builder prin browser: http://localhost:3001.
• Reîncărcați pagina pentru a vă asigura că widgetul adăugat este recunoscut.
• În interfața Builder, navigați la secțiunea Custom din panoul de widgeturi.
• Widgeturile dvs. personalizate ar trebui să apară acum în listă.

În continuare, poți învăța cum să creezi propriile stiluri în Teme personalizate în Experience Builder Developer Edition (Partea 3). Link

Actualizarea și implementarea aplicațiilor în Experience Builder Developer Edition (Partea 4) Link