Layerpin logo
Anotasi & Media

Kartu Informasi, Pop-up & Media

Lampirkan metadata kaya, galeri foto, dan tombol tindakan ke penanda atau zona mana pun. Konfigurasikan popover, laci samping, modal tengah, dan tampilan layar penuh.

5 Mode Presentasi

Setiap penanda dan bentuk yang dapat diklik di peta Anda dapat menampilkan kartu info interaktif. Pilih dari 5 mode presentasi yang sesuai dengan proyek Anda—mulai dari ringkasan cepat hingga laci samping yang luas dan tur layar penuh yang imersif:

1. Arahkan / Klik Popover

Popup mengambang ditambatkan langsung ke penanda atau pusat bentuk. Dilengkapi deteksi tabrakan area pandang yang cerdas sehingga tidak pernah terpotong di luar layar. Ideal untuk detail cepat, nomor kamar, dan label harga.

2. Laci Samping (Kanan/Kiri)

Meluncur dengan mulus dari tepi layar. Sempurna untuk direktori toko, profil stan, dan deskripsi ekstensif tanpa mengaburkan bagian tengah peta.

3. Dialog Modal Terpusat

Kotak dialog terfokus dengan latar belakang buram halus dan hamparan redup. Cocok untuk formulir reservasi, penyematan video, dan tampilan produk mendetail.

4. Tampilan Terpisah Layar Penuh

Tata letak dua kolom menampilkan informasi terstruktur yang dapat di-scroll di sebelah kiri dan galeri gambar berukuran penuh di sebelah kanan. Sempurna untuk listingan real estat, tur kampus, dan pameran museum.

5. Lembar Bawah Seluler (Otomatis)

Di ponsel, kartu secara otomatis beradaptasi ke dalam laci gerakan bergaya iOS dengan pegangan sentuh dan titik jepret (pratinjau 70% dan tinggi penuh 100%), memastikan pengalaman seluler yang lancar.

Default Global vs. Kustomisasi Per Item

Anda dapat mengatur mode presentasi global untuk seluruh peta Anda di editor, atau menyesuaikan masing-masing penanda dan bentuk dengan presentasi uniknya sendiri (misalnya pin standar membuka Popover, sementara bilik VIP membuka tampilan Layar Penuh).

Bagian Konten Modular

Setiap kartu terdiri dari 6 blok konten modular. Anda dapat secara mandiri menampilkan, menyembunyikan, menyesuaikan tipografi, dan menyusun ulang setiap bagian:

Judul & Judul

Kelompok font khusus, ukuran, berat, warna, perataan, dan pelestarian jeda multi-baris.

Deskripsi Penurunan Harga

Teks kaya dengan huruf tebal, miring, tautan, dan daftar. Termasuk penjepitan 3 baris otomatis dengan tombol "Lihat lebih banyak / Lihat lebih sedikit" yang dapat dilipat.

Bidang Terstruktur

Pasangan nilai kunci dipasangkan dengan ikon (telepon, email, jam buka, harga). Mendukung tata letak Stack, Inline, atau Value-only dengan pembagi.

Tag Kategori

Pil lencana berkode warna yang cocok dengan kategori peta Anda, dengan penumpukan lebar penuh opsional dan perluasan "+X lebih banyak tag".

Tombol Tindakan / CTA

Tombol ajakan bertindak untuk URL eksternal (situs web, pemesanan, petunjuk arah). Dapat dikonfigurasi dalam tata letak Tumpukan, Baris, atau Kotak 2 kolom.

Pahlawan Galeri Foto

Korsel gambar header dengan rasio aspek yang dapat disesuaikan, kesesuaian gambar, dan penampil lightbox zoom layar penuh.

Kartu Info Multi-Bahasa

Semua salinan kartu—termasuk judul, deskripsi kaya, label & nilai bidang khusus, tag, dan tombol tindakan—dapat dilokalkan ke dalam 16 bahasa asli. Lihat Panduan Peta Multi-Bahasa untuk melihat cara kerja editor terjemahan 4 tab.

Penyusunan Ulang Dalam Kartu Langsung

Di editor peta, mengarahkan kursor ke bagian mana pun di dalam kartu info akan menampilkan toolbar tindakan cepat. Anda bisa mengklik Sunting untuk melompat ke propertinya, gunakan / tombol panah untuk memindahkan bagian ke atas atau ke bawah, atau klik Bersembunyi untuk mengalihkan visibilitas secara instan.

Perpustakaan Media & Galeri Gambar

Sempurnakan lokasi Anda dengan foto yang kaya, rendering arsitektur, dan detail denah lantai:

Lampiran Multi-Gambar

Lampirkan beberapa gambar ke penanda atau bentuk apa pun. Susun ulang gambar dengan mudah atau pilih foto mana pun sebagai gambar sampul utama yang ditampilkan di bagian atas kartu.

8 Rasio Aspek Galeri

Pilih rasio bingkai yang sempurna untuk konten Anda: UltraWide (21:9), Wide (16:9), Compact (2:1), Landscape (3:2), Standard (4:3), Square (1:1), Portrait (4:5), atau Tall (3:4), dengan mode pemasangan Cover atau Contain.

Penampil Lightbox Interaktif

Pengunjung dapat mengeklik gambar apa pun untuk membuka lightbox layar penuh beresolusi penuh dengan keyboard halus, navigasi gesek, dan zoom.

Manajer Aset Media Terpusat

Unggah hingga 20 file sekaligus. Format yang didukung mencakup SVG, JPEG, PNG, WEBP, AVIF, BMP dengan pelacakan kuota penyimpanan real-time.

Gaya Kartu & Default Global

Setiap aspek cangkang kartu dapat disesuaikan agar sesuai dengan merek Anda:

Latar Belakang, Batas & Bayangan
  • Latar belakang: Warna solid dengan kontrol opasitas, kartu transparan, atau gradien linier halus.
  • Perbatasan: Batas SVG padat, putus-putus, atau putus-putus dengan lebar guratan khusus dan isian warna atau gradien.
  • Radius & Bayangan Sudut: Sudut membulat halus (0px hingga 24px+) dan drop shadow ambien lembut.
Simpan sebagai Prasetel Default

Setelah membuat tampilan kartu yang sempurna, klik “Simpan sebagai default” di bagian bawah panel gaya. Layerpin akan mengonfirmasi dan menerapkan gaya ini secara otomatis ke semua penanda dan bentuk yang ada maupun yang baru.

Anda masih dapat menyesuaikan hotspot individu setiap kali pameran unggulan, stan sponsor, atau landmark utama memerlukan warna unik atau tata letak khusus.