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.

ariestwn
04 Desember 2018 - 10:56:40
adi
04 Februari 2019 - 18:55:34