Nhảy tới nội dung

Hướng dẫn nhanh

Trong hướng dẫn này, bạn sẽ học được cách sử dụng GeoCMS để quản lý dữ liệu không gian, tạo và tích hợp bản đồ vào website của bạn.

Những gì bạn sẽ học:

  • Làm sao để tải lên dữ liệu (csv, shp)
  • Làm sao để tạo và trình bày bản đồ đẹp mắt
  • Làm sao để tích hợp bản đồ vào website
Video hướng dẫn

Tải lên dữ liệu

watch-the-video Xem hướng dẫn của mục này tại đây

Trước tiên bạn cần chuẩn bị danh sách các địa điểm của bạn trong tập tin theo format CSV, SHP. Đối với dữ liệu là CSV bắt buộc phải có 2 trường X,Y (long,lat) chứa thông tin toạ độ của từng địa điểm, ngoài ra bạn có thể lưu thêm các trường thuộc tính khác trong tập tin phù hợp với nhu cầu của bạn.

Truy cập vào trang chính của GeoCMS, sau đó đăng nhập với tài khoản của bạn. Giao diện chính của web như hình bên dưới

dataset-solely

Bấm vào nút ở góc trên bên phải Tải lên Dataset để truy cập vào trang Dataset để thực hiện các thao tác tải dữ liệu lên GeoCMS.

dataset-solely

Thực hiện các thao tác để tải lên dữ liệu:

  1. Bấm vào nút Thêm dữ liệu

Alt text

  1. Kéo thả tập tin CSV muốn tải lên vào khu vực khoanh vùng bên dưới

dataset-upload dataset-upload

  1. Với mỗi mỗi tập tin được chọn, GeoCMS sẽ tự động thiết lập các trường X,Y (long,lat) có trong tập tin

Alt text

Chú ý

Trong trường hợp không tự động thiết lập được X,Y, bạn cần thực hiện thủ công bằng cách bấm vào nút Alt text, sau đó chọn các trường X,Y tương ứng trên cửa sổ sau:

Alt text

Nếu trong tập tin của bạn có trường địa chỉ, bạn có thể khai báo trường này để GeoCMS có tự động lấy toạ độ (Tạo độ được tạo có thể sai số).

Sau khi thiết lập trường toạ độ xong, bấm nút Lưu để bắt đầu quá trình tải lên.

  1. Sau khi hoàn thành quá trình tải lên, một lớp dữ liệu sẽ được thêm vào bản đồ

dataset-solely

Tạo bản đồ

watch-the-video Xem hướng dẫn của mục này tại đây

Truy cập vào trang Bản đồ. Giao diện chính của trang Bản đồ như hình bên dưới:

dataset-solely

Sau đó bấm vào nút Tạo Map để truy cập vào trang chình sửa bản đồ:

dataset-solely

Trên trang chỉnh sửa bản đồ, bấm vào nút Alt text sau đó chọn Đổi tên để đặt tên cho bản đồ

Alt text

Nhập vào tên bản đồ và bấm Lưu

Alt text

Thêm lớp dữ liệu vào bản đồ

Bấm vào nút Alt text sau đó chọn Thêm lớp để thêm lớp dữ liệu vào bản đồ. Cửa số mới với danh sách các lớp dữ liệu, bạn có thể chọn 1 hoặc nhiều lớp dữ liệu hiển thị trên bản đồ. Chọn lớp dữ liệu muốn hiển thị và bấm nút Lưu.

Alt text

Một lớp dữ liệu sẽ được thêm vào bản đồ

Alt text

Bấm vào nút Alt text và chọn Zoom to extent để xem toàn bộ các điểm trong lớp dữ liệu

Alt text

Thay đổi icon

watch-the-video Xem hướng dẫn của mục này tại đây

Mỗi lớp dữ liệu có thể được hiển thị với các icon khác nhau, để thay đổi icon cho 1 lớp, bấm vào nút Alt text và chọn Thay đổi biểu tượng, hiển thị một cửa sổ cho phép chọn biển tượng, trên cửa sổ này bạn có thể chọn từ các bộ các icon: Mặc định, VietMap hoặc Tải lên icon (PNG, JPG) của bạn.

map-inline-two map-inline-two

Nhập tên icon bạn muốn trong thanh tìm kiến, bấm vào thanh màu sắc để thay đổi màu cho icon, sau đó bấm Lưu để áp dụng icon cho lớp dữ liệu.

map-inline-two map-inline-two

Thiết lập trường thuộc tính

watch-the-video Xem hướng dẫn của mục này tại đây

Với các bản đồ được chia sẻ hoặc nhúng vào các website, thông tin của các địa điểm cần hiển thị phải phù hợp với nhu cầu. Trong nhiều trường hợp bạn không cần hiển thị tất cả các trường thuộc tính của lớp dữ liệu, hoặc làm nổi bật một số trường bằng cách in đậm, thêm icon.

Thiết lập trường thuộc tính, trên mỗi lớp dữ liệu bấm vào nút Alt text và chọn Thiết lập

Alt text

GeoCMS cho phép thiết lập trường tiêu đề cho địa điểm, trường này sẽ hiển thị nổi bật khi người dùng bấm vào để xem thông tin của 1 địa điểm. Cọn cột tiêu đề bạn muốn sử dụng

Alt text

Mặc định GeoCMS sẽ hiển thị tất cả các trường, bạn có thể thiết lập các trường hiển thị bằng cách bấm vào nút Thêm cột

Alt text

Một trường thuộc tính sẽ được thêm vào, bạn cần chọn trường thuộc tính muốn hiển thị

Alt text

Đặt Tên hiển thị cho trường thuộc tính

Alt text

Bạn có thể thêm nhiều trường thuộc tính

Alt text

Đặc icon cho từng field bằng cách bấm vào nút Alt text sau đó chọn icon và màu sắc phù hợp và bấm nut Lưu để áp dụng các thiết lập

Alt text

Bấm vào nút Alt text sau đó chọn Lưu bản đồ để lưu lại mức zoom mong muốn

Alt text

Chia sẻ và nhúng bản đồ vào website

watch-the-video Xem hướng dẫn của mục này tại đây

Đến đây bản đồ của bạn đã sẵn sàng để chia sẻ, nhưng trước hết bạn cần xem trước bản đồ để đảm bảo mọi thứ theo được thiết lập đúng. Bấm vào nút Xem trước ở góc trên bên phải

Alt text

Lúc này 1 cửa sổ web mới sẽ được mở, đây sẽ là giao diện của map với các thiết lập bạn đã thực hiện khi chia sẻ hoặc nhúng vào website

Alt text

Quay lại trang Map Edit, bấm vào nút Chia sẻ sẽ hiện thị 2 cách thức chia sẻ: thông qua URL và thông qua iframe. Từ đây bạn có thể copy URL hoặc iframe để nhúng vào website của bạn.

Alt text

Chúc mừng bạn đã tạo thành công bản đồ!