- Sông ngòi: done (21 đến 22/2)
- Dân số: done (23/2 đến 26/2)
- Kinh tế: done 80% (26/2 đến 28/2) - đã khai thác hết dữ liệu về kinh tế
- Du lịch: done (28/2 đến 1/3)
- Địa chất - khoáng sản:
- Đợt 1: pending (1/3 đến 3/3)
- Đợt 2: done 80% (10/3 đến 12/3) - đã khai thác hết dữ liệu về khoáng sản
- Thổ nhưỡng: done (3/3)
- Lâm nghiệp: done (3/3)
- Thủy sản: done (3/3)
- Sinh vật: done 80% (4/3) - đã khai thác hết dữ liệu về sinh vật (hiện tại chưa có động vật)
- Nông nghiệp: done (4/3)
- Sub Chăn nuôi: done 80% (8/3 đến 9/3) - đã khai thác hết dữ liệu về chăn nuôi
- Sub Cây công nghiệp: done 80% (9/3 đến 10/3) - đã khai thác hết dữ liệu về cây công nghiệp
- Sub Lúa: done (9/3)
- Miền tự nhiên: done (5/3 dến 7/3)
- Giao thông: done (10/3)
- Hình thể: done (12/3)
- Hành chính: done (12/3) - lớp nền upload trên Geoserver
- Khí hậu: done 80% (13/3 đến 14/3) - đã khai thác hết dữ liệu về khí hậu
- Có nên làm legend và chart bật tắt từng thành phần không? (Pending) ==> Bỏ qua
- Loại bỏ logo AmChart (Done)
- Cần tối ưu hóa (Pending)
- Chuyển sang tile vector (mapbox hoặc tương tự) để giải quyết bài toán dữ liệu lớn (dự tính trên 1mb sẽ tile dữ liệu)
- Có nên áp dụng AmChart cho từng điểm? (Pending) ==> leaflet minichart ở phần maxValue không để auto
- View 3D cho chuyên đề hình thể? (Pending)
- Chuyển geoJSON sang Tiles Vector Server (15/3 đến 18/3)
- Thêm phần Search chuyên đề (29/3)
- Dữ liệu lên đến hơn 700mb ==> Úp github lên không nổi ==> Chuyển bộ dữ liệu sang 1 nơi khác (không để chung với code)
- Chuyển config file trong xampp sang ổ đĩa khác: https://stackoverflow.com/questions/18902887/how-to-configuring-a-xampp-web-server-for-different-root-directory
- Đóng lại github và link repo ==> Đổi từ public sang private (7/3)
- Chuyển path của data sang địa chỉ mới, chia làm 2 loại là spatial_data và chart_data (hiện tại mới chỉ là local)
- Đối với spatial_data:
../../../WebAtlas_VietNam_data/[tên chuyên đề]/spatial_data/[filename].geojson - Đối với chart_data:
../../../WebAtlas_VietNam_data/[tên chuyên đề]/chart_data/[filename].json - Đối với các dữ liệu sử dụng chung trong nhiều chuyên đề (ranh giới tỉnh, ranh giới quốc gia, centroids tỉnh):
../../../WebAtlas_VietNam_data/general_spatial_data/[filename].geojson
- Đối với spatial_data:
- Chuyển dữ liệu sang Vector Tiles: done (đường dẫn service: https://api.opengis.vn/)
- Xóa line ở Leaflet-minichart:
/*** Leaflet minichart ***/
line {
stroke: transparent !important;
}
- Feedback dữ liệu "undefined" khi nhấn Popup bên chuyên đề dân số: Done (18/3)
- Feedback thêm Continue hoặc ký hiệu để người dùng biết có thể kéo thả trang: Done (18/3, thêm ký hiệu "<" và ">" ở owl.js)
- Feedback chuyển trang chuyên đề: Done (trước đây khi mở chuyên đề mới sẽ là bấm "Trang chủ" và load về trang chú ngay từ đầu,
không load được tại chỗ mà mình click chuyên đề ==> Giữ lại trang chỗ bản đồ chuyên đề ngày từ đầu, chuyển sang cơ chế mới)
- Sử dụng thuộc tính
target: "_blank"để có thể mở link chuyên đề mới, vẫn giữ link của trang chủ - Tạo thẻ
<li class="nav-dropdown"> <a class="nav-dropmain">Các bản đồ chuyên đề khác <i class="fa fa-caret-down"></i> </a> <div class="nav-dropdown-content" style="overflow: auto; height: 250px"> <a href="../hanhchinh/hanhchinh.html">Hành chính</a> <a href="../hinhthe/hinhthe.html">Hình thể</a> <a href="../diachatkhoangsan/dcks.html" style="font-size: 15px">Địa chất khoáng sản</a> <a href="../khihau/khihau.html">Khí hậu</a> <a href="../songngoi/songngoi.html">Hệ thống sông ngòi</a> <a href="../thonhuong/thonhuong.html">Thổ nhưỡng</a> <a href="../sinhvat/sinhvat.html">Sinh vật</a> <a href="../mientunhien/mientunhien.html">Các miền tự nhiên</a> <a href="../danso/danso.html">Dân số</a> <a href="">Dân tộc</a> <a href="../kinhte/kinhte.html">Kinh tế chung</a> <a href="../nongnghiep/nongnghiep.html">Nông nghiệp chung</a> <a href="../lamnghiep/lamnghiep.html">Lâm nghiệp</a> <a href="../thuysan/thuysan.html">Thủy sản</a> <a href="">Công nghiệp</a> <a href="../giaothong/giaothong.html">Giao thông</a> <a href="">Thương mại</a> <a href="../dulich/dulich.html">Du lịch</a> <a href="" style="font-size: 15px">Vùng tự nhiên và kinh tế</a> <a href="" style="font-size: 15px">Vùng kinh tế trọng điểm</a> </div> </li>
- Bỏ thẻ
<li><a href="../../index.html">Trang chủ</a></li>tại các bản đồ chuyền đề
- Sử dụng thuộc tính
- Feedback chuyển trang trong các trang chuyên đề: Done (21/3)
- Feedback content của các trang: Pending
- Feedback thêm contact và ký hiệu contact: Done (21/3)
- Vector Tiles: https://github.com/nguyenduclam/Leaflet-Style-Vector-Tiles
- Interactive Choropleth Map: https://leafletjs.com/examples/choropleth/
- Interactive Choropleth Map (more feature unique): https://www.e-education.psu.edu/geog585/node/781
- Sử dụng leaflet_textPath để label lớp sông lượn theo tuyến sông
- Stacked/Group Chart: http://nvd3.org/examples/multiBar.html
- Cấu trúc file json:
[ { "key": ... (thường là biến dữ liệu - trục tung), "values": [ { "x": ... (thường là biến năm - trục hoành), "y": ... (dữ liệu) }, { Tương tự }, ... ] } ]
- Cấu trúc file json:
- Population Pyramid Chart (áp dụng làm tháp dân số): https://codepen.io/pen/?editors=0010
- Stacked/Stream/Expanded Area Chart (làm biểu đồ miền tuyệt đối và phần trăm): http://nvd3.org/examples/stackedArea.html
- Pie Chart (áp dụng làm biểu đồ tròn - single): http://nvd3.org/examples/pie.html
- Cấu trúc file json:
[ { "key": ... (tên biến), "values": ... (dữ liệu) }, { Tương tự }, ... ]
- Cấu trúc file json:
- Cumulative Line Chart (áp dụng làm biểu đồ đường): http://nvd3.org/examples/cumulativeLine.html
- Cấu trúc file json:
[ { "key": ... (tên biến) "values":[ [ [thời gian - trục hoành], [dữ liệu] ], [ Tương tự ], ... ] }, { Tương tự }, ... ]
- Cấu trúc file json:
- Line plus bar chart using AmChart: https://www.amcharts.com/demos/combined-bullet-column-line-chart/
- Remove "NV-content" in NVD3.js: https://stackoverflow.com/questions/40879908/about-nvd3-js-how-to-delete-nv-context-in-lineplusbarchart
- Change width and height: https://embed.plnkr.co/plunk/TbdUoR
- Show All xAxis: https://stackoverflow.com/questions/34807771/nvd3-force-all-xaxis-labels-to-show-on-line-chart
- Customize Color: https://stackoverflow.com/questions/16191542/how-to-customize-color-in-pie-chart-of-nvd3/16197159
- FullScreen và F11 hoàn toàn khác nhau khi nhấn (nếu nhấn F11 sẽ lỗi page ==> tắt chế độ F11)
- FullScreen.js: https://github.com/nguyenduclam/screenfull.js
- Boostrap Toggle: https://www.bootstraptoggle.com/
- Label Collision: https://geovation.github.io/labelgun/examples/leaflet/index.html
- Flip Div on Click: https://jsfiddle.net/james2doyle/qsQun/
- Don't Display Export in AmChart:
.amcharts-amexport-menu { display: none !important; } - Timeline Animated Pie Chart: https://www.amcharts.com/demos/animated-time-line-pie-chart/
- Control Specific data in 1 layer: https://next.plnkr.co/edit/H6E6q0vKwb3RPOZBWs27?p=preview&preview
- Disable Control Layer and Container: https://gis.stackexchange.com/questions/259134/how-to-disable-leaflet-layers-control
- Leaflet Gpx and Leaflet Elevation: https://raruto.github.io/leaflet-elevation/examples/leaflet-elevation_hoverable-tracks.html
- Date Axis Interval: https://codepen.io/team/amcharts/pen/gOOZdvp?editors=0010
- Boostrap Search: https://mdbootstrap.com/docs/jquery/forms/search/