Chia sẻ qua

Vẽ và chèn hình dạng trên bản đồ (bản xem trước)

[Chủ đề này là tài liệu hướng dẫn trước khi phát hành và có thể thay đổi.]

Thêm bảng vẽ vào bản đồ của bạn để cho phép người dùng vẽ và gắn nhãn các hình dạng trên bản đồ. Bạn cũng có thể chèn và gắn nhãn các hình dạng được xác định trước để làm nổi bật các vùng hoặc khu vực quan tâm cụ thể.

Ảnh chụp màn hình điều khiển bản đồ với các hình dạng ví dụ được vẽ và ghi chú.

Quan trọng

  • Đây là một tính năng xem trước.
  • Các tính năng xem trước không được dùng cho sản xuất và có thể có chức năng bị hạn chế. Những tính năng này khả dụng trước khi có bản phát hành chính thức để khách hàng có thể truy cập sớm và cung cấp phản hồi.

Điều kiện tiên quyết

  1. Tạo ứng dụng canvas và đảm bảo ứng dụng đó đáp ứng các điều kiện tiên quyết về không gian địa lý .
  2. Chèn bản đồ.

Vẽ và gắn nhãn các hình dạng trên bản đồ tương tác

  1. Trong ngăn Thuộc tính của điều khiển bản đồ, hãy bật các thuộc tính sau:

    • (Xem trước) Bật Vẽ Hình dạng

    • (Xem trước) Bật chức năng xóa hình dạng và chỉnh sửa nhãn

      Ảnh chụp màn hình ngăn Thuộc tính của điều khiển bản đồ, hiển thị thuộc tính Vẽ hình dạng được bật.

    Một bảng vẽ xuất hiện ở góc trên bên trái của điều khiển bản đồ.

    Ảnh chụp màn hình điều khiển bản đồ trong ứng dụng canvas, với bảng vẽ được tô sáng.

    Bảng điều khiển gồm ba công cụ:

    • Một công cụ vẽ đa giác để vẽ các hình dạng tự do
    • Một công cụ vẽ hình vuông để vẽ hình vuông và hình chữ nhật
    • Một công cụ vẽ hình tròn để vẽ hình tròn và hình bầu dục

  2. Chọn một công cụ và vẽ một hình dạng trên bản đồ. Để hoàn thành và đóng một hình dạng tự do, hãy nhấp đúp vào điểm cuối cùng.

Các hình dạng vẽ được tự động gắn nhãn. Để thay đổi nhãn, hãy chọn hình dạng, sau đó nhập tên mới vào hộp ở góc trên bên phải của bản đồ.

Để xóa một hình dạng, hãy chọn hình dạng đó, sau đó chọn thùng rác.

Ảnh chụp màn hình điều khiển bản đồ với các hình dạng mẫu và nhãn, trong đó biểu tượng thùng rác và hộp nhãn được tô sáng.

Nhập hình dạng GeoJSON vào bản đồ

Nếu các hình dạng đã được xác định ở định dạng GeoJSON, bạn có thể nhập vào bản đồ của mình. Ví dụ: bạn hiện có thể có hình dạng giúp xác định khu vực cụ thể mà bạn muốn đánh dấu.

Chuỗi GeoJSON cho mỗi hình dạng trong nguồn dữ liệu của bạn cần phải có định dạng đúng, trong một ô duy nhất.

Để nhập hình dạng, trước tiên hãy kết nối nguồn dữ liệu của bạn với điều khiển bản đồ. Sau đó, gán các thuộc tính của điều khiển cho các cột thích hợp trong nguồn dữ liệu, như trong ví dụ sau:

Ảnh chụp màn hình các thuộc tính nâng cao của điều khiển bản đồ, với các trường nguồn dữ liệu được cung cấp và hình dạng kết quả được hiển thị trên bản đồ.

Nguồn dữ liệu của bạn phải là một bảng được đặt tên có ít nhất ba cột. Mỗi cột tương ứng với một thuộc tính nâng cao của điều khiển bản đồ.

Mô tả cột Tương ứng với Bắt buộc
Tọa độ GeoJSON của hình dạng ở định dạng đúng ShapeGeoJSONObjects Bắt buộc
Nhãn hình dạng ShapeLabels Không bắt buộc
Màu hình dạng ShapeColors Không bắt buộc

Tiền bo

Chỉ định màu bằng cách sử dụng tên, CSS định nghĩa màu hoặc giá trị RGBA. Nếu màu không được cung cấp, thì hình dạng sẽ sử dụng giá trị mặc định của ứng dụng.

Nguồn dữ liệu phải được đặt tên. Nếu bạn đang sử dụng sổ làm việc Excel làm nguồn dữ liệu, thì hãy dùng tên của bảng chứa dữ liệu. Trong ví dụ này, chúng ta sẽ nhập hình dạng từ bảng Excel có tên Seattle1.

Ảnh chụp màn hình bảng trong Excel có dữ liệu hình dạng GeoJSON.

  1. Sao chép dữ liệu mẫu sau vào một bảng tính trống, định dạng dưới dạng bảng và đặt tên cho bảng là Seattle1. Sau đó, kết nối sổ làm việc với bản đồ của bạn dưới dạng nguồn dữ liệu. Để biết hướng dẫn chi tiết sử dụng ví dụ tương tự, hãy xem Sử dụng nguồn dữ liệu để đặt ghim trên bản đồ.

    Quận GeoJSON TotalCases Màu
    Adams {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Adams","state":"WA"},"geometry":{"type":"Đa đa giác","tọa độ":[[[[-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","coordina tes":[[[[-117.0388,46.4261],[-117.0607,46.3549],[-116.9841,46.2946],[pi -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 21],[-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],[pii -119.2680,46.2727],[-119.0434,46.1906],[-118.9448,46.0756],[-118.9393,46.0263],[pii90097 457910],[-119.1256,45.9332],[-119.4323,45.9167],[-119.5692,45.9277],[pii159 211097414],[-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],[pii10126 5001619],[-120.6262,48.4964],[-120.6646,48.4471],[-120.6481,48.3978],[-120.5605,48.3704 623],[-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 9336],[-120.2374,47.5872],[-120.3031,47.5215],[-120.3195,47.4557],[-120.2921,47.4010 0],[-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],[pii94129 035053],[-121.1739,47.8884],[-121.1630,47.9541],[-121.1192,47.9980],[-121.1520,48.0418 057],[-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],[pii1 -121.0370,48.4306],[-121.0480,48.4854],[-120.8563,48.5511],[-120.7851,48.5073]]]]}}]} 5324 RGB(112,187,255)

  2. Liên kết các thuộc tính nâng cao sau của điều khiển bản đồ với các cột thích hợp trong nguồn dữ liệu:

    Thuộc tính Column
    ShapeGeoJSONObjects GeoJSON
    ShapeLabels Quận
    ShapeColors Màu

    Bản đồ sẽ giống như thế này:

    Ảnh chụp màn hình bản đồ có các hình dạng được nhập vào để làm nổi bật các khu vực cụ thể.

Hiển thị chu vi và diện tích của các hình dạng được vẽ hoặc chèn (bản xem trước)

Ứng dụng của bạn có thể hiển thị chu vi (tính bằng feet) và diện tích (tính bằng feet vuông) của một hình dạng đã chọn trên bản đồ.

  1. Trong ứng dụng của bạn, hãy mở tab Chèn và mở rộng Hiển thị.
  2. Chọn Nhãn văn bản để chèn nhãn vào màn hình ứng dụng. Di chuyển và thay đổi kích thước như bạn muốn.
  3. Thay đổi thuộc tính Text của điều khiển nhãn thành [Map].SelectedShape.Area hoặc [Map].SelectedShape.Perimeter để hiển thị diện tích hoặc chu vi của hình dạng đã chọn. (Gợi ý: Nhập giá trị đã cho vào thanh công thức hoặc trên tab Thuộc tính , tùy theo sở thích của bạn.)

Trong ví dụ sau, chúng tôi đã sử dụng bốn nhãn văn bản để hiển thị cả diện tích và chu vi của hình dạng đã chọn:

Ảnh chụp màn hình một hình dạng được chọn trên bản đồ, bên cạnh hai nhãn văn bản hiển thị diện tích và chu vi của hình dạng đó.

Các tính năng bản đồ tương tác khác

Kiểm soát không gian địa lý khác

Để xem các gợi ý địa chỉ động khi bạn nhập, hãy sử dụng điều khiển Nhập địa chỉ .