Freigeben über

Zeichnen und Einfügen von Formen auf einer Karte (Vorschau)

[Dieses Thema ist eine Vorabdokumentation und kann geändert werden.]

Fügen Sie Ihren Karten einen Zeichnungsbereich hinzu, damit Benutzer Formen darauf zeichnen und beschriften können. Sie können auch vordefinierte Shapes einfügen und beschriften, um bestimmte Bereiche oder interessante Bereiche hervorzuheben.

Screenshot eines Kartensteuerelements mit gezeichneten und beschrifteten Beispiel-Shapes.

Von Bedeutung

  • Dies ist eine Vorschaufunktion.
  • Previewfunktionen sind nicht für den Produktionseinsatz gedacht und können eine eingeschränkte Funktionalität aufweisen. Diese Funktionen sind vor einer offiziellen Veröffentlichung verfügbar, damit Kunden frühzeitig zugreifen und Feedback geben können.

Voraussetzungen

  1. Erstellen Sie eine Canvas-App , und stellen Sie sicher, dass sie die geospatialen Voraussetzungen erfüllt.
  2. Fügen Sie eine Karte ein.

Zeichnen und Beschriften Sie Formen auf einer interaktiven Karte

  1. Aktivieren Sie im Eigenschaftenbereich des Kartensteuerelements die folgenden Eigenschaften:

    • (Vorschau) Formzeichnen aktivieren

    • (Vorschau) Löschen von Formen und Bearbeiten von Beschriftungen aktivieren

      Screenshot des Eigenschaftenbereichs eines Kartensteuerelements, in dem die Eigenschaften der Shape-Zeichnung aktiviert sind.

    Ein Zeichnungsbereich wird in der oberen linken Ecke des Kartensteuerelements angezeigt.

    Screenshot eines Kartensteuerelements in einer Canvas-App, wobei der Zeichnungsbereich hervorgehoben ist.

    Das Panel verfügt über drei Tools:

    • Ein Polygon-Zeichentools zum Zeichnen von freien Formen
    • Ein quadratisches Zeichentool zum Zeichnen von Quadraten und Rechtecken
    • Ein Kreiszeichnungstool zum Zeichnen von Kreiskreisen und Ovalen

  2. Wählen Sie ein Tool aus, und zeichnen Sie ein Shape auf der Karte. Um eine Freiform abzuschließen und zu schließen, doppelklicken Sie auf den Endpunkt.

Gezeichnete Formen werden automatisch beschriftet. Um eine Beschriftung zu ändern, wählen Sie die Form aus, und geben Sie dann in das Feld in der oberen rechten Ecke der Karte einen neuen Namen ein.

Um ein Shape zu löschen, wählen Sie es aus, und wählen Sie dann den Papierkorb aus.

Screenshot eines Kartensteuerelements mit Beispiel-Formen und Beschriftungen, wobei das Papierkorbsymbol und das Beschriftungsfeld hervorgehoben sind.

Importieren von GeoJSON-Shapes in eine Karte

Wenn Sie bereits Shapes im GeoJSON-Format definiert haben, können Sie sie in Ihre Karte importieren. Sie können z. B. über eine Form verfügen, die einen bestimmten Bereich definiert, den Sie hervorheben möchten.

Die GeoJSON-Zeichenfolge für jedes Shape in Ihrer Datenquelle muss in einer einzelnen Zelle im richtigen Format vorliegen.

Zum Importieren von Shapes verbinden Sie zuerst die Datenquelle mit dem Kartensteuerelement. Weisen Sie dann die Eigenschaften des Steuerelements den entsprechenden Spalten in der Datenquelle zu, wie im folgenden Beispiel:

Screenshot der erweiterten Eigenschaften eines Kartensteuerelements mit bereitgestellten Datenquellenfeldern und den resultierenden Shapes, die auf der Karte angezeigt werden.

Die Datenquelle muss eine benannte Tabelle mit mindestens drei Spalten sein. Jede Spalte entspricht einer erweiterten Eigenschaft des „Zuordnung“-Steuerelements.

Spaltenbeschreibung Entspricht Erforderlich
GeoJSON-Koordinaten des Shapes im richtigen Format ShapeGeoJSONObjects Erforderlich
Shape-Beschriftung ShapeLabels Wahlfrei
Formfarbe ShapeColors Wahlfrei

Tipp

Geben Sie die Farbe mithilfe eines Namens, einer CSS-Farbdefinition oder eines RGBA-Werts an. Wenn die Farbe nicht angegeben wird, verwendet das Shape die Standardeinstellungen der App.

Die Datenquelle muss benannt werden. Wenn Sie eine Excel-Arbeitsmappe als Datenquelle verwenden, verwenden Sie den Namen der Tabelle, die die Daten enthält. In diesem Beispiel importieren wir Shapes aus einer Excel-Tabelle mit dem Namen Seattle1.

Screenshot einer Tabelle in Excel mit GeoJSON-Shape-Daten.

  1. Kopieren Sie die folgenden Beispieldaten in eine leere Arbeitsmappe, formatieren Sie sie als Tabelle, und benennen Sie die Tabelle Seattle1. Verbinden Sie dann die Arbeitsmappe mit Ihrer Karte als Datenquelle. Ausführliche Anweisungen zu einem ähnlichen Beispiel finden Sie unter Verwenden einer Datenquelle zum Platzieren von Pins auf einer Karte.

    Bezirk GeoJSON Gesamtfälle Farbe
    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. Binden Sie die folgenden erweiterten Eigenschaften des Kartensteuerelements an die entsprechenden Spalten in der Datenquelle:

    Eigentum Kolumne
    ShapeGeoJSONObjects GeoJSON
    ShapeLabels Bezirk
    ShapeColors Farbe

    Ihre Karte sollte etwa wie folgt aussehen:

    Screenshot einer Karte mit importierten Shapes, die bestimmte Bereiche hervorheben.

Anzeigen des Umfangs und des Bereichs von gezeichneten oder eingefügten Formen (Vorschau)

Ihre Apps können den Umkreis (in Fuß) und die Fläche (in Quadratfuß) einer ausgewählten Form auf einer Karte anzeigen.

  1. Öffnen Sie in Ihrer App die Registerkarte "Einfügen ", und erweitern Sie "Anzeige".
  2. Wählen Sie "Textbezeichnung" aus, um eine Beschriftung auf dem App-Bildschirm einzufügen. Verschieben und ändern Sie die Größe nach Belieben.
  3. Ändern Sie die Text-Eigenschaft des Bezeichnungssteuerelements in [Map]. SelectedShape.Area oder [Map]. SelectedShape.Perimeter zum Anzeigen des Bereichs oder Umfangs des ausgewählten Shapes. (Hinweis: Geben Sie den angegebenen Wert in die Bearbeitungsleiste oder auf der Registerkarte "Eigenschaften " ein, je nachdem, was Sie bevorzugen.)

Im folgenden Beispiel haben wir vier Textbeschriftungen verwendet, um sowohl den Bereich als auch den Umfang der ausgewählten Form anzuzeigen:

Ein Screenshot einer auf einer Karte ausgewählten Form, neben zwei Beschriftungen, die die Fläche und den Umfang der Form anzeigen.

Weitere interaktive Kartenfeatures

Andere geospatiale Steuerelemente

Wenn Sie während der Eingabe dynamische Adressvorschläge anzeigen möchten, verwenden Sie das Adresseingabesteuerelement .

  • Last updated on