Disegnare e inserire forme su una mappa (anteprima)

  • Articolo

[Questo argomento fa parte della documentazione non definitiva, pertanto è soggetto a modifiche.]

Aggiungi un pannello di disegno alle mappe per consentire agli utenti di disegnare ed etichettare forme sulle stesse. Puoi anche inserire ed etichettare forme predefinite per evidenziare aree geografiche o aree di interesse specifiche.

Screenshot di un controllo Mappa con forme di esempio disegnate ed etichettate.

Importante

  • Questa è una funzionalità di anteprima.
  • Le funzionalità di anteprima non sono destinate ad essere utilizzate per la produzione e sono soggette a restrizioni. Queste funzionalità sono disponibili prima di una versione ufficiale in modo che i clienti possano ottenere l'accesso iniziale e fornire dei commenti.

Prerequisiti

  1. Crea un'app canvas e assicurati che soddisfi i prerequisiti geospaziali.
  2. Inserisci una mappa.

Disegnare ed etichettare forme su una mappa interattiva

  1. Nel riquadro Proprietà del controllo Mappa, attiva le seguenti proprietà:

    • (Anteprima) Abilita disegno forme

    • (Anteprima) Abilita l'eliminazione di forme e la modifica delle etichette

      Screenshot del riquadro Proprietà di un controllo Mappa con le proprietà di disegno di forme attivate.

    Un pannello di disegno è visualizzato nell'angolo superiore sinistro del controllo Mappa.

    Screenshot di un controllo Mappa in un'app canvas, con il pannello di disegno evidenziato.

    Il pannello include tre strumenti:

    • Uno strumento di disegno poligono per disegnare forme a mano libera
    • Uno strumento di disegno quadrato per disegnare quadrati e rettangoli
    • Uno strumento di disegno cerchio per disegnare cerchi e ovali

  2. Seleziona uno strumento e disegna una forma sulla mappa. Per terminare e chiudere una forma a mano libera, fai doppio clic sul punto finale.

Le forme disegnate vengono etichettate automaticamente. Per modificare un'etichetta, seleziona la forma, quindi immetti un nuovo nome nella casella nell'angolo in alto a destra della mappa.

Per eliminare una forma, selezionala, quindi seleziona il cestino.

Screenshot di un controllo Mappa con forme ed etichette di esempio, con l'icona del cestino e la casella delle etichette evidenziati.

Importare forme GeoJSON in una mappa

Se hai già forme definite in formato GeoJSON, puoi importarle nella mappa. Ad esempio, potresti avere una forma che definisce un'area specifica che desideri evidenziare.

La stringa GeoJSON di ogni forma nella tua origine dati deve essere inserita nel formato corretto, in una singola cella.

Per importare le forme, prima connetti l'origine dati al controllo Mappa. Assegna quindi le proprietà del controllo alle colonne appropriate nell'origine dati, come nell'esempio seguente:

Screenshot delle proprietà avanzate di un controllo Mappa, con i campi dell'origine dati specificati e le forme risultanti visualizzate sulla mappa.

L'origine dati deve essere una tabella con nome con almeno tre colonne. Ogni colonna corrisponde a una proprietà avanzata del controllo Mappa.

Descrizione colonna Corrisponde a Necessaria
Le coordinate GeoJSON della forma nel formato corretto OggettiGeoJSONForme Necessaria
Etichetta della forma EtichetteForme Facoltativa
Colore della forma ColoriForme Facoltativa

Suggerimento

Specifica il colore utilizzando un nome, una definizione di colore CSS o un valore RGBA . Se il colore non viene specificato, la forma utilizzerà le impostazioni predefinite dell'app.

L'origine dati deve avere un nome. Se stai usando una cartella di lavoro di Excel come origine dati, utilizza il nome della tabella che contiene i dati. In questo esempio, importeremo forme da una tabella di Excel denominata Seattle1.

Screenshot di una tabella in Excel con dati di forma GeoJSON.

  1. Copia i seguenti dati di esempio in una cartella di lavoro vuota, formattali come tabella e assegna il nome Seattle1 alla tabella. Quindi collega la cartella di lavoro alla mappa come origine dati. Per istruzioni dettagliate utilizzando un esempio simile, vedi Utilizzare un origine dati per posizionare segnaposto su una mappa.

    Contea GeoJSON Casi totali Colore
    Adams {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Adams","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-118.9503,47.2640],[-117.9590,47.2586],[-117.9699,46.8697],[-118.0466,46.7711],[-118.2109,46.7383],[-119.2132,46.7383],[-119.3720,46.7383],[-119.3665,46.9135],[-118.9832,46.9135],[-118.9777,47.2640]]]]}}]} 1689 RGB(184,210,232)
    Asotin {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Asotin","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-117.0388,46.4261],[-117.0607,46.3549],[-116.9841,46.2946],[-116.9676,46.2015],[-116.9238,46.1687],[-116.9841,46.0920],[-116.9183,45.9934],[-117.4825,45.9989],[-117.4825,46.1194],[-117.4222,46.1194],[-117.4222,46.3823],[-117.2305,46.4096],[-117.2305,46.4644],[-117.1977,46.4206]]]]}}]} 1096 RGB(184,210,232)
    Benton {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Benton","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-119.8759,46.6287],[-119.6240,46.6452],[-119.5144,46.7273],[-119.4542,46.6780],[-119.2680,46.5192],[-119.2680,46.2727],[-119.0434,46.1906],[-118.9448,46.0756],[-118.9393,46.0263],[-118.9886,45.9989],[-119.1256,45.9332],[-119.4323,45.9167],[-119.5692,45.9277],[-119.6678,45.8565],[-119.8704,45.8346],[-119.8649,46.0427],[-119.8759,46.6287]]]]}}]} 13111 RGB(13,106,191)
    Chelan {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Chelan","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-120.7029,48.5292],[-120.6536,48.5347],[-120.6262,48.4964],[-120.6646,48.4471],[-120.6481,48.3978],[-120.5605,48.3704],[-120.5879,48.3211],[-120.5112,48.3101],[-120.3524,48.2170],[-120.3633,48.1568],[-120.3250,48.1294],[-120.1443,48.0637],[-120.1443,48.0363],[-120.0895,48.0199],[-120.0512,47.9596],[-119.8704,47.9596],[-119.9964,47.7789],[-120.2100,47.7515],[-120.1990,47.6803],[-120.2374,47.5872],[-120.3031,47.5215],[-120.3195,47.4557],[-120.2921,47.4010],[-120.0895,47.3407],[-120.0950,47.2640],[-120.3907,47.2586],[-120.5276,47.3352],[-120.5605,47.3079],[-120.8015,47.4229],[-120.9165,47.4284],[-121.1137,47.5981],[-121.1301,47.6748],[-121.0644,47.7132],[-121.1192,47.7789],[-121.0699,47.8282],[-121.1520,47.8446],[-121.1739,47.8884],[-121.1630,47.9541],[-121.1192,47.9980],[-121.1520,48.0418],[-121.0151,48.0746],[-120.9439,48.1130],[-120.9548,48.1513],[-120.9056,48.1623],[-121.0041,48.2937],[-121.0699,48.3156],[-121.0425,48.3485],[-121.0644,48.3923],[-121.0370,48.4306],[-121.0480,48.4854],[-120.8563,48.5511],[-120.7851,48.5073]]]]}}]} 5324 RGB(112,187,255)

  2. Associa le seguenti proprietà avanzate del controllo Mappa alle colonne appropriate nell'origine dati:

    Proprietà Colonna
    OggettiGeoJSONForme GeoJSON
    EtichetteForme Contea
    ColoriForme Colore

    La mappa dovrebbe risultare simile a quanto segue:

    Screenshot di una mappa con forme importate che evidenziano specifiche aree.

Visualizzare il perimetro e l'area delle forme disegnate o inserite (anteprima)

Le tue app possono mostrare il perimetro (in piedi) e l'area (in piedi quadrati) di una forma selezionata su una mappa.

  1. Nell'app, apri la scheda Inserisci ed espandi Display.
  2. Seleziona Etichetta di testo per inserire un'etichetta nella schermata dell'app. Spostala e ridimensionala come desiderato.
  3. Imposta la proprietà Text del controllo Etichetta su [Mappa].SelectedShape.Area o [Mappa].SelectedShape.Perimeter per visualizzare l'area o il perimetro della forma selezionata. Suggerimento: immetti il valore indicato nella barra della formula o nella scheda Proprietà.

Nell'esempio seguente, abbiamo utilizzato quattro etichette di testo per visualizzare sia l'area che il perimetro della forma selezionata:

Screenshot di una forma selezionata in una mappa, accanto a due etichette di testo che mostrano l'area e il perimetro della forma.

Ulteriori funzionalità interattive per mappe

Altri controlli geospaziali

Per visualizzare i suggerimenti dinamici per gli indirizzi mentre digiti, utilizza il controllo Input indirizzo.

Nota

Puoi indicarci le tue preferenze di lingua per la documentazione? Partecipa a un breve sondaggio. (il sondaggio è in inglese)

Il sondaggio richiederà circa sette minuti. Non viene raccolto alcun dato personale (Informativa sulla privacy).