IE402-LAB01

• Bài thực hành LAB01
• Môn: IE402.P21 - Thông Tin Địa Lý 3 Chiều
• Nhóm thực hiện: Nhóm 07
• Link demo: https://git-mk39.github.io/IE402-LAB01/

Cây thư mục

• images: thư mục ảnh, chủ yếu chứa icon cho các loại điểm trên bản đồ (thị xã, thành phố, cầu)
• point: chứa dữ liệu JSON các điểm
  • bridges.json: các điểm cầu đường bộ
  • cities.json: các điểm thành phố
  • towns.json: các điểm thị xã
• polygon: chứa dữ liệu JSON các đa giác tỉnh và cung đường bộ
  • provinces: thư mục đa giác tỉnh
    • an_giang.json, bac_lieu.json, ben_tre.json,... <ten_tinh>.json: dữ liệu (tên, tọa độ, diện tích, dân số) của mỗi tỉnh
    • index.json: file index chứa tên của các file JSON tỉnh để nạp vào script.js
  • roads: thư mục cung đường bộ
    • ql61.json, ql61b.json,... <ten_duong>.json: dữ liệu (tập hợp các điểm tạo nên cung) của mỗi đường
    • index.json: file index chứa tên của các file JSON đường để nạp vào script.js
• screenshots: ảnh chụp màn hình demo
• index.html: HTML chính
• styles.css: CSS tạo kiểu webpage
• script.js: file JavaScript chính, tương tác với ESRI ArcGIS JavaScript API

Cách thêm dữ liệu

• Với các điểm: Thêm trực tiếp vào các file bridges.json, cities.json, towns.json
• Với các đa giác, cung: Tạo file JSON mới, thêm dữ liệu vào, sau đó điền tên file mới tạo vào index.json

Deploy

Có thể deploy cục bộ trên máy cá nhân, chạy trực tiếp từ file index.html hay dùng extension Live Server trong VS Code

Screenshot

• View 2D mặc định

       

• Hiển thị thông tin địa lý cho một khu vực nhất định

       

• View 2D với basemap khác

       

• Thông tin hiển thị khi chọn vào

       

• View 3D