Setelah di postingan sebelumnya diterangkan cara membuat html popup di ArcMap / ArcGIS Pro, kini fasilitas sejenis juga ada di QGIS walaupun tidak persis 100%. Bagaimana caranya ketika kita mengklik suatu layer di QGIS, selain muncul atributnya juga muncul media informasi penyertanya khususnya foto, seperti nampak di foto depan postingan ini? Nah baca terus postingan ini sampai selesai.
|
Daftar isi : |
Dalam menyajikan informasi spasial, saat ini tuntutan pasar terhadap software SIG tidak melulu masalah tampilan peta yang baik (akurat, warna/simbol yang colorful, nyeni, dan kartografis), atau kemampuan analisis yang ‘canggih’. Namun software SIG juga harus sedikit ‘ngepop’, maksudnya? Ngepop maksudnya bisa mengikuti perkembangan kebutuhan, contohnya bisa menampilkan selain peta dan atribut angka/teks juga bisa memunculkan foto atau bahkan animasi, web, dan sebagainya. Tuntutan lainnya lagi misal harus bisa bekerja online dan interoperability. Hal-hal itu mah sudah pasti harus dipenuhi oleh produsen software SIG, kalau tidak ya ketinggalan zaman dan pastinya software akan ditinggalkan pengguna SIG.
Baca Juga : Attachment + Pop Up = Klik Peta Muncul Atribut + Foto
Harus kita akui bahwa secara implisit, antara ArcGIS dan QGIS itu bersaing. Hampir semua kemampuan mengelola dan menganalisis data spasial dari yang basic sampai advance, baik di ArcGIS ataupun di QGIS pasti ada walaupun tentu tidak sama 100% ya. Kedua software ini tidak mau kalah untuk selalu menarik dan up to date agar selalu menarik penggunanya, di antara pengguna SIG sendiri ada yang fanatik ke salah satunya atau memakai keduanya seperti Lintasbumi. Dalam hal menampilkan data spasial yang advance, ada yang namanya attachment, di ArcMap / ArcGIS Pro sudah dibahas, kali ini bagian di QGIS.
Membuat Attachment Di QGIS
Tidak seperti di ArcMap, di QGIS pastinya kita bekerja shp. Jadi persiapkan dulu shp yang akan dibuat attachmentnya. Attachment pada dasarnya adalah sebuah kolom di attribute layer (atau tabel tersendiri) yang berisi alamat url atau link ke file gambar / video / pdf atau dokumen lainnya, tipe kolomnya pasti teks. Contohnya seperti di bawah ini (kolom Foto). Bisa juga dibuat pada tabel tersendiri (csv) lalu dijoin dengan layer di QGIS.
Dalam membuat alamat file jpg atau dokumen lainnya, pastikan bahwa kita menggunakan backslash ( \ ) sebagai pemisah, bukan garis miring atau slash ( / ). Jadi jika contohnya file tersebut (foto jpg) di simpan drive C:, folder Temp, sub folder Attachment_QGIS dengan nama Makassar_CBD_Skyline,jpg maka penulisan yang benar adalah C:\Temp\Attachment_QGIS\Makassar_CBD_Skyline.jpg. Usahakan juga nama folder / sub folder jika lebih dari satu kata tidak memakai spasi tapi underscore ( _ ), dan ini kita ketik sendiri. Berbeda dengan pembuatan attachment di ArcMap atau ArcGIS Pro yang sudah dipermudah, tinggal kita tentukan gambar saja dengan sendirinya ArcMap atau ArcGIS Pro yang akan secara otomatis menuliskan alamatnya di sebuat tabel terpisah yang berelasi dengan feature class.
Pada contoh di atas, digunakan sebuah layer titik ibu kota provinsi di mana masing-masing titik mempunyai link ke satu buah foto. Kelemahan cara ini (QGIS) adalah hanya bisa link ke satu file saja (one to one), tidak bisa satu titik (atau satu garis / poligon) mempunyai link ke beberapa file foto (atau dokumen) seperti di ArcMap atau ArcGIS Pro.
Setelah mempunyai kolom link, langkah selanjutnya adalah men-setting attachment di properties layer. Caranya klik kanan nama layer, pilih properties. Di dalamnya pilih Attributes From, lalu klik nama kolom link (Foto), di jendela sebelah kanannya pilih Widget Type = Attachment.
Lalu di bawah attachment tadi scroll ke bawah, cari Integrated Document Viewer, pada Type = Image, dan untuk Width dan Height nya silahkan tentukan sendiri berapa piksel atau tetap auto. Setelah selesai klik Apply atau OK.
Menampilkan Attachment Di QGIS
Untuk menampilkan foto dan atribut tadi, kini klik nama layer dan misalkan di satu titik (atau garis / poligon) klik Identify Feature, maka muncul jendela Identify Result yang menampilkan nama kolom beserta keterangan tentang titik yang diklik tadi.
Lalu pada kolom / keterangan foto (yang di kanan) diklik kanan dan pilih View Feature From. Maka kini munculah jendela baru yang memunculkan kolom dan keterangannya bersama foto yang alamatnya tertulis di dalamnya. Sampai sini berarti kita telah sesuai membuat dan menampilkan attachment yang berupa foto.
Edit HTML Map Tips
Cara kedua menampilkan foto di QGIS selain attachment adalah menggunakan Show Map Tips. Namun untuk keperluan ini anda harus sedikit memahami tentang coding HTML. Terutama coding image, perhatikan kodenya seperti di bawah ini.
<img src="file:///C:/Temp/Attachment_QGIS/Makassar_CBD_Skyline.jpg" />
<img …. /> merupakan kode HTML untuk menampilkan foto yang bersumber atau beralamat di tempat tertentu (bisa offline/lokal atau online). Jika offline atau sumber gambarnya diambil dari file foto yang disimpan di komputer kita biasanya ‘src’ (source / alamat) nya harus disertai tulisan file:/// seperti kode tersebut. Dimana kita meletakan kode HTML tersebut?
Sama seperti membuat attachment, semuanya dimulai dari layer properties, namun yang dipilih kali ini adalah Display, lalu di kanannya akan muncul jendela HTML Map Tip, nah masukan kode di atas pada jendela tersebut. Untuk alamat nya tentunya harus kita ganti dengan nama kolom Foto, tulisan file:/// tetap jangan dirubah. Blok alamat lalu di bawah pilih nama kolom Foto dan klik Insert.
Sehingga kode pada HTML Map Tips akan menjadi seperti di bawah ini. Setelah itu klik Apply atau OK (tutup jendela).
<img src="file:///[% "Foto" %]" /><p>
Show Map Tips
Untuk menampilkan fotonya maka klik Show Map Tips, lalu arahkan pointer ke titik dimaksud (jangan diklik), secara otomatis akan muncul jendela foto yang link ke titik (atau garis/poligon) tersebut seperti nampak di bawah ini.
Supaya lebih informatif anda bisa melengkapi kode HTML nya seperti di bawah ini (jika sudah faham), sehingga bertambah juga informasi lainnya. Bahkan anda bisa melayout yang lebih advance lagi seperti apa tampilanya (misal memakai tabel), link ke situs online, menampilkan foto lebih dari 1, video, dan variasi lainnya, sehingga muncul informasi yang lebih menarik.
<p style="font-size: large;"><Strong>Nama Kota : </Strong><span style="color:red;"><Strong>[% "Nama" %]</Strong></span></p> <p><img src="file:///[% "Foto" %]" width="500" /><p>
Berikut adalah tampilan dari kode di atas ketika di eksekusi Show Map Tips nya. Untuk dasar HTML bisa anda pelajari salah satunya dari situs w3schools.com.
Tutup jendela tersebut jika sudah, klik lagi di titik lainnya. Cara ini bisa untuk mendukung anda dalam melakukan presentasi berbasis peta.Jangan lupa untuk menyimpan project QGIS nya, Lintasbumi menggunakan QGIS versi 3.20.3-Odense. Silahkan anda coba dengan jenis layer dan dokumen lainnya, selamat mencoba.
Sumber Foto :
https://upload.wikimedia.org/
Leave a Reply