Green Tashkent — daraxtlarning interaktiv xaritasi

Green Tashkent uchun poytaxt daraxtlarining to'rt tilli interaktiv xaritasini yaratdik: mahalla va tuman qatlamlari, qidiruv, filtrlar, daraxt kartochkalari va xatlov statistikasi. Xarita bir vaqtda 10 mingdan ortiq nuqtani 60 FPS'da ko'rsatadi.

Mijoz
Green Tashkent
Amalga oshirish muddati
14 kun
Loyiha turi
Veb-ilova
Saytga o'tish
Green Tashkent — daraxtlarning interaktiv xaritasi

Vazifa

Green Tashkent — poytaxt daraxtlarini xatlovdan o'tkazish va ularning raqamli reyestrini yaratish loyihasi. Uni Ekologiya, atrof-muhitni muhofaza qilish va iqlim o'zgarishi vazirligi, Toshkent shahar hokimligi (Raqamli rivojlanish departamenti) va Zamin fondi olib boradi. Ma'lumotlarni dala mutaxassislari to'playdi, dendrologlar tekshiradi, xarita esa barcha aholi uchun ochiq.

Toshkentning raqamli reyestrida allaqachon milliondan ortiq daraxt bor, har birining turi, balandligi, tana qalinligi, shox-shabba diametri, koordinatalari va surati mavjud. Loyihaga bu massivni to'liq ko'rsatadigan, brauzerda sekinlashmaydigan va aniq daraxtgacha bir necha soniyada yetkazadigan daraxtlarning interaktiv xaritasi kerak edi.

Ma'lumotlar har kuni o'zgaradi. Dala mutaxassislari yangi daraxtlarni kiritadi, dendrologlar turlarni tekshiradi, mahallalar xatlovni kutish holatidan yakunlangan holatga o'tadi. Xarita va statistika bu jarayonni halol ko'rsatishi kerak edi: nima tekshirilgan, nima tekshiruvni kutmoqda va har bir mutaxassis qancha ish qilgan.

Xarita auditoriyasi turlicha. Aholiga daraxtni manzil bo'yicha topish va muammo haqida xabar berish muhim, jurnalistlar va shahar xizmatlariga esa tumanlar, turlar va tanlangan davrdagi dinamikani solishtirish kerak. Bularning barchasi lotin va kirill yozuvidagi o'zbek, rus va ingliz tillarida ishlashi, zaif ko'ruvchilar uchun esa alohida rejim bo'lishi lozim edi.

Qatlamlarning bir qismi platforma API'sidan kelmaydi. Daraxtlar, mahallalar va bog'larni shahar geoserveri beradi, shuning uchun xaritani tashqi kartografik xizmatlar, platformaning o'z API'si va bir nechta asos xaritadan foydalanuvchi choklarni sezmaydigan qilib yig'ish kerak edi.

Yechim

Xaritani asosiy ekran qildik. Mahallalar zichlik — bir gektarga to'g'ri keladigan daraxtlar soni bo'yicha bo'yalgan, ustidan tumanlar, bog'lar, NDVI va ko'p yillik o'simliklar maydonlari qatlamlari yoqiladi, asos xaritani esa sun'iy yo'ldosh, yorug' yoki tungi ko'rinishga almashtirish mumkin. Pastda daraxtlar hisoblagichi bilan davr shkalasi, chapda loyiha yangiliklari joylashgan.

Daraxtni manzil, koordinatalar yoki ID bo'yicha topish, turkum va tur, balandlik, tana qalinligi va shox-shabba kengligi bo'yicha saralash mumkin. Daraxt kartochkasi o'lchamlari, manzili, koordinatalari, balansda saqlovchi, mutaxassis va dendrologni ko'rsatadi, «Shikoyat qilish» tugmasi esa shikoyat yuboradi. Statistika sahifasida hisoblagichlar, tumanlar jadvali, balandlik, shox-shabba va tana taqsimotlari hamda xatlov dinamikasi jamlangan.

Frontend React va Vite'da MobX va Leaflet bilan yig'ilgan. Daraxtlar, mahallalar va bog'lar qatlamlari shahar geoserveridan tayllar ko'rinishida keladi, shuning uchun og'ir chizish serverda qoladi, brauzer esa tayyor tasvirlarni oladi. Statistika, kartochkalar va yangiliklar Django REST Framework API'dan olinadi, tashriflarni esa Yandex Metrika hisoblaydi.

  1. Qatlamlar va ko'kalamzorlik zichligi

    Mahallalar bir gektardagi daraxtlar soniga qarab bo'yalgan — bo'sh uchastkalardan 400 dan ortiq daraxt o'sadigan hududlargacha. Sozlamalarda tumanlar, bog'lar, NDVI indeksi va ko'p yillik o'simliklar maydonlari yoqiladi, tumanlar shaffofligi o'zgartiriladi, daraxtlar, ko'chatlar va butalar esa alohida ko'rsatiladi.

  2. Daraxtlarni qidirish va saralash

    Qidiruv manzil, koordinatalar yoki daraxt ID'si bo'yicha ishlaydi. Filtrlar xaritani turkum va tur, balandlik, tana qalinligi va shox-shabba kengligi bo'yicha toraytiradi. O'lchash vositasi belgilangan hududdagi daraxtlarni sanaydi, topilgan daraxt havolasini esa nusxalab yuborish mumkin.

  3. Daraxt kartochkasi

    Kartochkada turkum, balandlik, tana qalinligi, shox-shabba diametri, tuman, mahalla, manzil va koordinatalar, shuningdek balansda saqlovchi, mutaxassis va dendrolog ko'rsatiladi. Dendrolog tekshiruvi holati darhol ko'rinadi, qo'shilgan va oxirgi yangilangan sanalar esa ma'lumot qanchalik yangiligini bildiradi.

  4. Xatlov statistikasi

    Statistika sahifasi nechta daraxt qo'shilgani va tekshirilganini, nechta mutaxassis va dendrolog jalb qilinganini ko'rsatadi. Shu yerda tumanlar reytingi, turlar bo'yicha taqsimot, balandlik, shox-shabba va tana qalinligi gistogrammalari hamda davr va tuman bo'yicha toraytiriladigan dinamika grafigi bor.

  5. Mutaxassislar va mahallalardagi ish

    Mutaxassislar reytingi butun davr, yil, chorak, oy, hafta, kecha va bugun kiritilgan daraxtlar soni bo'yicha tuziladi. Har bir mahalla uchun maydoni, gektaridagi daraxtlar soni va holati ko'rinadi: xatlov kutilmoqda, jarayonda, tekshiruvda yoki yakunlangan.

  6. Qayta aloqa va qulaylik

    Aholi qayta aloqa formasi orqali yozadi: koordinatalarni ko'rsatish, geojoylashuvni aniqlash va beshtagacha surat biriktirish mumkin. Zaif ko'ruvchilar uchun yirik shriftli alohida rejim bor, interfeys esa lotin va kirill yozuvidagi o'zbek, rus va ingliz tillari o'rtasida almashadi.

Natijalar

Loyihaning asosiy natijalari raqamlarda.

  • 10k+Xaritadagi nuqtalar

    Xarita bir vaqtda o'n mingdan ortiq nuqtani ko'rsatadi va sezgirligini yo'qotmaydi.

  • 60 FPSXarita silliqligi

    Qatlamlar tayyor tayllar bo'lib kelgani uchun surish va masshtablash silliq kechadi.

  • 4Platforma tillari

    Lotin va kirill yozuvidagi o'zbek, rus va ingliz tillari — shahar aholisi va mehmonlari uchun.

  • 5Xarita qatlamlari

    Mahallalar, tumanlar, bog'lar, NDVI indeksi va umumiy daraxtlar qatlami xarita sozlamalarida yoqiladi.

Loyiha texnologiyalari

Mijozning vazifasi uchun yechimni qurganimiz stek.

  • Yandex Metrica
  • Python
  • Django
  • Django REST Framework
  • Nginx
  • React
  • Vite

Keyingi keys bo'lishga tayyormisiz?

Vazifani ayting — menejer jamoa yig'adi, smeta hisoblaydi va so'rovingizdan keyingi birinchi soat ichida taklif yuboradi. Majburiyatlarsiz va xat tarqatishsiz.