Leaflet-DeepZoom

Ini adalah plugin yang beberapa tahun lalu pernah kami 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 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.

Leave a Comment