Lưu ý
Cần có ủy quyền mới truy nhập được vào trang này. Bạn có thể thử đăng nhập hoặc thay đổi thư mục.
Cần có ủy quyền mới truy nhập được vào trang này. Bạn có thể thử thay đổi thư mụ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ể.
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
- 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ý .
- Chèn bản đồ.
Vẽ và gắn nhãn các hình dạng trên bản đồ tương tác
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
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 đồ.
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
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ậ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:
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.
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) 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:
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 đồ.
- Trong ứng dụng của bạn, hãy mở tab Chèn và mở rộng Hiển thị.
- 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.
- 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:
Các tính năng bản đồ tương tác khác
- Sử dụng dữ liệu từ Excel để chèn ghim
- Thêm thẻ thông tin vào ghim
- Hiển thị các tuyến đường giữa các điểm dừng
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ỉ .