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 của điều khiển bản đồ với các hình dạng ví dụ được vẽ và gắn nhãn.

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 một ứng dụng canvas và đảm bảo rằng ứng dụng đáp ứng Đ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 kiểm soát bản đồ của ngăn Thuộc tính, hãy bật các thuộc tính sau:

    • (Bản xem trước) Bật tính năng vẽ hình dạng

    • (Bản xem trước) Bật tính 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ị các thuộc tính Bản 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 đánh dấu.

    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 và nhãn mẫu, với biểu tượng thùng rác và hộp nhãn được đánh dấu.

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ần phải ở định dạng chính xác, 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 về 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à các 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 trong định dạng chính xác 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, định nghĩa màu CSS 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 tôi sẽ nhập các hình dạng từ một bảng Excel có tên Seattle1.

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

  1. Sao chép dữ liệu mẫu sau vào một sổ làm việc trống, định dạng nó thành một bảng và đặt tên cho bảng 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 bằng cách sử dụng một ví dụ tương tự, hãy xem Sử dụng nguồn dữ liệu để đặt các ghim trên bản đồ.

    Quận GeoJSON TotalCases Màu
    Adams {"type:"FeatureCollection","properties":{"kind://state","state":"WA"},"features":[{"type:"Tính năng","thuộc tính":{"loại"quận","name":"Adams","state""WA"},"hình học":{"type"Đ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":Tính năng","thuộc tính":{"loại":quận","name""Asotin","state""WA"},"hình học":{"type"Đa giác","tọa độ":[[[[-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],[pii36994 863623],[-117.1977,46.4206]]]]}}]} 1096 RGB(184,210,232)
    Benton {"type:"FeatureCollection","properties":{"kind"state","state":WA"},"features":[{"type:"Tính năng","thuộc tính":{"loại":quận","name":Benton","state":WA"},"hình học":{"type"Đa giác","tọa độ":[[[[-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],[pii90472 760137],[-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":Tính năng","thuộc tính":{"loại"quận","name""Chelan","state""WA"},"hình học":{"type"Đa giác","tọa độ":[[[[-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 113],[-120.0895,48.0199],[-120.0512,47.9596],[-119.8704,47.9596],[-119.9964,47.7789],[-120.2100,47.7515 31918226],[-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],[pii16921 3735738],[-121.1192,47.9980],[-121.1520,48.0418],[-121.0151,48.0746],[-120.9439,48.1130],[-120.9548,48.1513 -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 đồ với các hình dạng đã nhập 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 rồi mở rộng Màn hình.
  2. Chọn Nhãn văn bản để chèn nhãn trên 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 Văn bản 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 và chu vi của hình dạng đã chọn. (Gợi ý: Nhập giá trị cho trước trong thanh công thức hoặc trên tab Thuộc tính tùy theo ý 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 của 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

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

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).