Leaflet-DeepZoom

Ahad, 20 Agustus 2017 | Projects
Ini adalah plugin yang beberapa tahun lalu pernah saya buat untuk keperluan satu pekerjaan. Di antara kebutuhan pekerjaannya adalah :
  1. Membuat gambar stasiun gas bumi.
  2. Gambar (yang sudah dalam format 2D beresolusi tinggi) bisa di-zoom, sehingga komponen peralatan seperti pipa, tangki, valve dll dapat terlihat jelas.
  3. Jika gambar peralatan di-klik bisa terlihat nama dan deskripsinya.
  4. Fitur pencarian lokasi peralatan tertentu, kemudian langsung fokus dan zoom peralatan tersebut.
  5. Sistem berbasis Web
Ketika itu yang terbersit adalah : mirip Google Maps, hanya saja bukan peta jalan, tapi Stasiun Gas Bumi.

Akhirnya pilihan jatuh dengan menggabungkan Leaflet + DeepZoom tiles. Leaflet merupakan JavaScript library untuk keperluan menampilkan peta. Lalu, dengan format DeepZoom gambar akan di-scale, dipecah-pecah dan ditampilkan sesuai level zoom-nya. Hasilnya mirip seperti google maps yang biasa kita gunakan.

Beberapa tahun lalu plugin Leaflet-DeepZoom hanya mendukung versi Leaflet 0.7.
Sekarang (setelah lama tidak di-update) sudah bisa digunakan pada versi Leaflet 1.2 terbaru.

Bisa dilihat dan di-download di GitHub.

Pada file example.html ada contoh sederhana penggunaannya. Selanjutnya bisa dikembangkan sesuai kebutuhan.



Komentar

ariestwn
04 Desember 2018 - 10:56:40
terimakasih mas atas project githubnya hehe.

adi
04 Februari 2019 - 18:55:34
mantul.. moga manfaat ,teriamaksih ya mas