Udostępnij przez


Rysowanie i wstawianie kształtów na mapie (wersja zapoznawcza)

[Ten temat pochodzi ze wstępnej wersji dokumentacji i może ulec zmianie.]

Dodaj panel rysunkowy do map, aby umożliwić użytkownikom rysowanie i etykietowanie kształtów. Możesz również wstawić i oznaczyć wstępnie zdefiniowane kształty, aby wyróżnić określone regiony lub obszary zainteresowania.

Zrzut ekranu przedstawiający kontrolkę mapy z przykładowymi kształtami narysowanymi i oznaczonymi etykietami.

Ważne

  • Jest to funkcja w wersji zapoznawczej.
  • Funkcje w wersji zapoznawczej nie są przeznaczone do użytku w środowiskach produkcyjnych i mogą mieć ograniczoną funkcjonalność. Te funkcje są dostępne przed oficjalną wersją, aby klienci mogli uzyskać wczesny dostęp i przekazać opinię.

Wymagania wstępne

  1. Utwórz aplikację płótnową i upewnij się, że spełnia wymagania wstępne geoprzestrzenne.
  2. Wstaw mapę.

Rysowanie i etykietowanie kształtów na interaktywnej mapie

  1. W okienku Właściwości kontrolki mapy włącz następujące właściwości:

    • (Wersja zapoznawcza) Włącz rysunek kształtu

    • (Wersja zapoznawcza) Włączanie usuwania kształtów i edytowania etykiet

      Zrzut ekranu przedstawiający okienko Właściwości kontrolki mapy z włączonymi właściwościami rysunku kształtu.

    Panel rysunku zostanie wyświetlony w lewym górnym rogu kontrolki mapy.

    Zrzut ekranu przedstawiający kontrolkę mapy w aplikacji typu canvas, z wyróżnionym panelem do rysowania.

    Panel zawiera trzy narzędzia:

    • Narzędzie do rysowania wielokątów i kształtów dowolnych
    • Narzędzie do rysowania kwadratów i prostokątów
    • Narzędzie do rysowania okręgów i owali
  2. Wybierz narzędzie i narysuj kształt na mapie. Aby zakończyć i zamknąć kształt dowolny, kliknij dwukrotnie ostatni punkt.

Rysowane kształty są automatycznie oznaczone etykietami. Aby zmienić etykietę, wybierz kształt, a następnie wprowadź nową nazwę w polu w prawym górnym rogu mapy.

Aby usunąć kształt, zaznacz go, a następnie wybierz kosz na śmieci.

Zrzut ekranu kontrolki mapy z przykładowymi kształtami i etykietami z wyróżnioną ikoną kosza na śmieci i polem etykiety.

Importowanie kształtów GeoJSON do mapy

Jeśli masz już kształty zdefiniowane w formacie GeoJSON, możesz zaimportować je do mapy. Na przykład może istnieć kształt, który definiuje określony obszar, który chcesz wyróżnić.

Ciąg GeoJSON dla każdego kształtu w źródle danych musi być w poprawnym formacie w jednej komórce.

Aby zaimportować kształty, najpierw połącz źródło danych z kontrolką mapy. Następnie przypisz właściwości kontrolki do odpowiednich kolumn w źródle danych, jak w poniższym przykładzie:

Zrzut ekranu przedstawiający zaawansowane właściwości kontrolki mapy z podanymi polami źródła danych i wynikowymi kształtami wyświetlanymi na mapie.

Źródło danych musi być nazwaną tabelą z co najmniej trzema kolumnami. Każda kolumna odpowiada zaawansowanej właściwości kontrolki mapy.

Opis kolumny Odpowiada Wymagania
Współrzędne GeoJSON kształtu w poprawnym formacie ShapeGeoJSONObjects Wymagania
Etykieta kształtu ShapeLabels Opcjonalnie
Kolor kształtu KształtKolory Opcjonalnie

Napiwek

Określ kolor przy użyciu nazwy, definicji koloru CSS lub wartości RGBA. Jeśli kolor nie zostanie podany, kształt będzie używać wartości domyślnych aplikacji.

Źródło danych musi mieć nazwę . Jeśli używasz skoroszytu programu Excel jako źródła danych, użyj nazwy tabeli zawierającej dane. W tym przykładzie zaimportujemy kształty z tabeli programu Excel o nazwie Seattle1.

Zrzut ekranu przedstawiający tabelę w programie Excel z danymi kształtu GeoJSON.

  1. Skopiuj następujące przykładowe dane do pustego skoroszytu, sformatuj je jako tabelę i nadaj tabeli nazwę Seattle1. Następnie połącz skoroszyt ze swoją mapą jako źródłem danych. Aby uzyskać szczegółowe instrukcje z wykorzystaniem podobnego przykładu, zobacz Używanie źródła danych do umieszczania pinezek na mapie.

    Powiat GeoJSON Łączna liczba przypadków Kolor
    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. Powiąż następujące zaawansowane właściwości kontrolki mapy z odpowiednimi kolumnami w źródle danych:

    Majątek Kolumna
    ShapeGeoJSONObjects GeoJSON
    ShapeLabels Powiat
    KształtKolory Kolor

    Mapa powinna wyglądać mniej więcej tak:

    Zrzut ekranu przedstawiający mapę z zaimportowanymi kształtami, które podkreślają określone obszary.

Wyświetlanie obwodu i obszaru narysowanych lub wstawionych kształtów (wersja zapoznawcza)

Aplikacje mogą wyświetlać obwód (w stopach) i obszar (w stopach kwadratowych) wybranego kształtu na mapie.

  1. W aplikacji otwórz kartę Wstawianie i rozwiń węzeł Wyświetl.
  2. Wybierz pozycję Etykieta tekstowa , aby wstawić etykietę na ekranie aplikacji. Przenieś i zmień jego rozmiar tak, jak chcesz.
  3. Zmień właściwość Text kontrolki etykiety na [Map]. SelectedShape.Area lub [Map]. SelectedShape.Obwodowy , aby wyświetlić obszar lub obwód wybranego kształtu. (Wskazówka: wprowadź daną wartość na pasku formuły lub na karcie Właściwości , niezależnie od tego, która wartość jest preferowana).

W poniższym przykładzie użyliśmy czterech etykiet tekstowych do wyświetlania obszaru i obwodu wybranego kształtu:

Zrzut ekranu przedstawiający kształt wybrany na mapie obok dwóch etykiet tekstowych, które pokazują obszar i obwód kształtu.

Inne interaktywne funkcje mapy

Inne kontrolki geoprzestrzenne

Aby wyświetlić sugestie dotyczące adresów dynamicznych podczas wpisywania, użyj kontrolki Wprowadzanie adresu .