Skip to content

2. Melukis & Kustomisasi

Sekarang setelah peta Anda dimuat, saatnya untuk menghidupkannya! Bagian ini mencakup fitur inti melukis dan kustomisasi yang membuat PaintMyMap begitu kuat—dan sesuai dengan apa yang Anda lihat di editor.

Cara Kerja Melukis

Melukis di PaintMyMap bekerja dengan menetapkan fitur peta (negara, wilayah, dll.) ke grup legenda. Setiap grup memiliki warna, pola opsional, dan labelnya sendiri.

Melukis, menghapus, dan mengubah ukuran kuas

Melukis Dasar

  1. Pilih Grup Legenda: Klik grup di legenda (warnanya menjadi warna kuas aktif)
  2. Pilih Kuas Anda: Pilih Single atau ukuran lingkaran (S/M/L/XL)
  3. Melukis: Klik atau seret pada fitur peta untuk menetapkannya ke grup yang dipilih
  4. Penghapus: Beralih ke penghapus untuk menghapus lukisan dari fitur

Pintasan: B (Kuas), E (Penghapus), ⌘/Ctrl+Z (Undo), ⇧+⌘/Ctrl+Z (Redo)

Manajemen Legenda

Legenda adalah jantung dari organisasi visual peta Anda. Setiap warna pada peta yang ingin Anda gunakan harus ditetapkan ke grup (item legenda).

Pilih item Legenda, ubah urutan, sembunyikan/tampilkan, tambahkan judul Legenda, ubah ukuran, dan pindahkan Legenda

Membuat Grup Legenda

  • Tambahkan Grup: Klik + Tambahkan item untuk membuat grup baru.
  • Warna & Pola Grup: Klik swatch warna untuk membuka menu warna/pola
  • Label Grup: Ketik langsung di bidang label setiap grup
  • Tampilkan/Sembunyikan di Legenda: Alihkan visibilitas untuk grup apa pun
  • Ubah Urutan: Seret menggunakan pegangan atau gunakan tombol atas/bawah
  • Hapus: Hapus grup (ini tidak akan menghapus area yang dilukis; mereka kembali ke tidak dilukis)
  • Judul Legenda: Alihkan “Tampilkan Judul Legenda” di Opsi, lalu edit teks judul

Penempatan Legenda

  • Seret untuk Memindahkan: Seret legenda ke mana saja di peta (paling mudah di mode Pratinjau)
  • Ubah Ukuran: Gunakan pegangan sudut untuk mengubah ukuran blok legenda
  • Latar Belakang: Atur warna latar belakang legenda dan transparansi di Opsi

Peta Choropleth - Membuat Gradasi Warna

Dengan generator Choropleth, Anda dapat membuat gradasi warna yang sempurna hanya dengan satu klik! Pilih warna awal dan akhir, jumlah langkah, dan selesai!

Membuat Gradasi Warna dengan Generator Choropleth

Alat Kuas

Untuk memilih kuas, klik alat kuas. Untuk mengubah ukuran, gunakan dropdown di sebelahnya. Untuk mengubah warna, buat atau pilih grup baru dari legenda.

Pilih alat kuas dan ukurannya

Jenis Kuas

  • Single: Melukis satu fitur per klik (kontrol presisi)
  • Lingkaran: Melukis semua fitur di bawah radius kuas
    • Ukuran S/M/L/XL untuk pengisian lebih cepat

Kontrol Kuas

  • Grup Aktif: Grup legenda yang saat ini dipilih
  • Ukuran Kuas: Pilih S/M/L/XL; lingkaran pratinjau menunjukkan radius yang tepat
  • Pratinjau Warna: Menunjukkan warna/pola grup aktif
  • Penghapus: Menghapus lukisan dari fitur (E)

Tip: Gunakan Undo/Redo dengan bebas saat bereksperimen dengan ukuran.

Warna Kuas

Anda dapat melukis dengan satu warna atau memilih pola dari dua atau tiga warna.

Pilih warna solid untuk kuas atau salah satu pola dua atau tiga warna

Alat Bentuk

Gunakan alat Bentuk untuk memberi anotasi, menyoroti, atau menambahkan makna tambahan di atas wilayah yang dilukis.

Gambar bentuk, ubah warna, tambahkan teks, putar, dan edit

Jenis Bentuk yang Tersedia

BentukTujuan
GarisPenunjuk sederhana / garis bawah; klik‑seret untuk menggambar.
PanahPenunjuk arah (kepala panah otomatis).
Persegi PanjangSorotan kotak standar.
Persegi Panjang MembulatSorotan lebih lembut / wadah label (sudut membulat).
LingkaranCincin penekanan atau penanda.
KomentarAnotasi gaya gelembung ucapan bulat (badan oval + ekor).
Kotak KomentarGelembung ucapan persegi panjang (varian kotak) dengan ekor yang dapat dipindahkan.
CalloutKotak + ekor panah (ekor panah adalah segitiga/panah yang menunjuk ke target).

Menggambar Bentuk

  1. Pilih alat Bentuk (pintasan: S).
  2. Pilih jenis bentuk dari palet mini.
  3. Klik dan seret pada peta untuk menggambar.
  4. Tahan Shift saat menyeret untuk membatasi: lingkaran sempurna, persegi, atau kenaikan 45° untuk garis/panah.
  5. Tahan Option/Alt untuk menggambar keluar dari klik awal (pusat keluar untuk lingkaran/persegi panjang).

Gaya & Opsi Bentuk

  • Lebar & Warna Garis: Sesuaikan ketebalan dan warna garis.
  • Skala dengan Zoom: Alihkan apakah garis/teks diskalakan saat Anda memperbesar (aktifkan untuk ukuran relatif, nonaktifkan untuk bobot visual konstan).
  • Isi: Aktifkan isi; pilih warna solid atau pola; sesuaikan transparansi melalui slider.
  • Pola: Perpustakaan pola yang sama seperti grup legenda (garis, titik, garis-garis, pola tiga warna).
  • Teks: Aktifkan overlay teks; atur keluarga font, ukuran, warna, dan bayangan opsional + warna bayangan.
  • Bayangan: (Per bentuk) Aktifkan bayangan, sesuaikan blur, opasitas, offset, dan warna untuk kedalaman/kontras.

Mengedit Bentuk

  • Gunakan alat Pilih (V) untuk memilih bentuk.
  • Seret untuk memindahkan; pegangan muncul untuk mengubah ukuran (sudut) dan memutar (kontrol rotasi / tombol R saat dipilih).
  • Klik dua kali teks bentuk untuk mengedit.
  • Tekan Hapus / Backspace (atau ikon Hapus) untuk menghapus.
  • Ekor Komentar / Kotak Komentar / Callout: Seret pegangan ekor melingkar untuk memposisikan ulang penunjuk secara independen dari badan gelembung/kotak.

Alat SVG (Impor / Tempatkan)

Alat SVG membuka dialog Perpustakaan SVG untuk mengimpor grafik vektor yang dapat digunakan kembali.

Muat dan tempatkan SVG, ubah warna, ukuran, putar, dan edit

Alur Kerja

  1. Klik SVG (Impor / Tempatkan) untuk membuka dialog.
  2. Tempel markup SVG mentah atau pilih satu atau lebih file .svg. Anda juga dapat menjelajahi beberapa SVG bawaan di bawah dropdown Tema.
  3. Tekan Tambahkan ke Daftar untuk menyimpan versi yang diurai di bawah “SVG Anda” (disimpan di penyimpanan lokal hingga dihapus).
  4. Pilih entri dan tekan Tempatkan, lalu klik‑seret pada peta untuk memposisikan & menskalakan dalam satu gerakan.
  5. Gunakan Pilih (V) setelahnya untuk menyempurnakan: memindahkan, memutar, mengubah ukuran, menghapus.

Perilaku & Catatan

  • Tombol dialog: mengklik alat SVG lagi saat terbuka akan menutupnya & kembali ke Pilih.
  • Sanitasi: skrip, pengendali acara, dan node foreignObject dihapus untuk keamanan.
  • Rasio aspek dipertahankan secara otomatis selama penempatan.
  • Persistensi Perpustakaan: Hapus semua dengan tombol “Hapus Semua”; item individu dapat dihapus.
  • Performa: SVG yang sangat kompleks (ribuan jalur) dapat memengaruhi interaktivitas & waktu ekspor.

Kasus Penggunaan

Logo, lencana, piktogram (populasi, ikon iklim), penanda inset, mawar kompas, bingkai dekoratif.

Alat Pilih

Alat Pilih (V) memungkinkan Anda memanipulasi bentuk yang digambar dan SVG yang ditempatkan.

Alat Pilih

Memilih & Multi‑Pilih

  • Klik bentuk/SVG untuk memilih; seret untuk memindahkan.

Pegangan Transformasi

  • Pegangan sudut: ubah ukuran (tahan Shift untuk membatasi persegi/lingkaran jika relevan).
  • Pegangan rotasi atau tekan R saat dipilih untuk memutar.
  • Pegangan ekor Komentar/Kotak Komentar: posisikan ulang jangkar ekor gelembung ucapan.

Pengeditan Teks

  • Klik dua kali teks bentuk (Komentar/Kotak Komentar/bentuk apa pun yang mendukung teks) untuk mengedit langsung.
  • Gunakan kontrol gaya (font, ukuran, warna, bayangan) untuk penyempurnaan.

Menghapus

  • Backspace / Delete atau ikon Hapus di UI menghapus bentuk yang dipilih.

Kustomisasi Lanjutan

Bawa peta Anda ke tingkat berikutnya dengan fitur-fitur ini. Buka Opsi untuk mengakses:

Sesuaikan Label dan Judul peta

Pengaturan Legenda

  • Legenda: Tampilkan/Sembunyikan legenda di peta
  • Latar Belakang Legenda: atur warna latar belakang legenda dan pengaturan transparansi
  • Atur Judul Legenda: atur judul legenda atau sembunyikan sepenuhnya

Peta

  • Hanya Area yang Dilukis: Sembunyikan area yang tidak dilukis untuk ekspor yang bersih
  • Tampilkan garis graticule
  • Tampilkan garis geografis
  • Tampilkan garis zona waktu dengan atau tanpa label

Label & Judul

  • Judul Peta: Alihkan judul, edit teks, seret untuk memposisikan, dan ubah ukuran melalui pegangan sudut
  • Label Negara: Tampilkan label negara, pilih singkatan, ubah font, warna, dan bayangan opsional. Pilih untuk hanya menampilkan pada negara yang dilukis atau tukar nama negara dengan nilai dari grup legenda

Peningkatan Visual

  • Warna Latar Belakang Peta: Atur warna latar belakang kanvas

  • Warna Batas: Atur warna batas negara

  • Tema Peta: Butuh inspirasi? Pilih tema peta dari palet warna bawaan

  • Garis Graticule: Tampilkan grid lintang/bujur

  • Garis Geografis: Tampilkan ekuator, tropis, lingkaran kutub, meridian utama

  • Zona Waktu: Poligon dan label zona waktu opsional (untuk peta yang didukung)

Strategi Warna

  • Kategorikal: Gunakan warna yang berbeda untuk kategori yang berbeda
  • Berurutan: Gunakan gradasi warna untuk rentang data
  • Divergen: Gunakan skema warna yang menyoroti ekstrem

Melukis Pola

Tambahkan tekstur halus dengan pola SVG bawaan:

  • Garis/Garis-garis: Horizontal, vertikal, diagonal; varian tiga garis
  • Titik/Crosshatch: Gaya grid titik dan crosshatch
  • Tri‑Stripes: Gabungkan warna primer/sekunder/tersier

Cara: Klik swatch warna grup, aktifkan Pola, dan pilih jenis. Sesuaikan warna primer, sekunder, dan (jika tersedia) tersier. Mengunggah gambar pola khusus tidak didukung saat ini.

Undo & Redo

Jangan pernah kehilangan pekerjaan Anda dengan kontrol riwayat yang komprehensif:

Kontrol Riwayat

  • Undo/Redo: Langkah melalui perubahan (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z)
  • Hapus Semua: Hapus semua lukisan (dengan konfirmasi)

Salin & Tempel

Percepat pekerjaan Anda dengan fitur Salin/Tempel yang bekerja dengan SVG dan bentuk (⌘/Ctrl+C, ⌘/Ctrl+V)

Auto-save

Pekerjaan Anda disimpan ke penyimpanan lokal browser Anda dan Anda akan diminta untuk memulihkannya saat kembali.

Fitur Interaktif

Zoom & Pan

  • Roda Mouse: Zoom masuk/keluar pada posisi kursor
  • Tombol Zoom: Kontrol zoom presisi (+/−)
  • Pan: Seret untuk memindahkan tampilan peta

Rotasi & Orientasi

  • Putar Globe: Putar globe (seret kontrol putar)
  • Rotasi 2D: Putar peta datar (seret kontrol rotasi)
  • Balik: Efek cermin horizontal dan vertikal

Bentuk & Anotasi

Gunakan alat Bentuk untuk menambahkan penanda visual:

  • Jenis: Garis, Panah, Persegi Panjang, Persegi Panjang Membulat, Lingkaran, Komentar, Kotak Komentar, Callout
  • Gaya: Atur lebar/warna garis dan warna/transparansi isi
  • Teks: Tambahkan teks ke bentuk (font, ukuran, warna, bayangan opsional)
  • Skala dengan Zoom: Pilih apakah bentuk diskalakan saat Anda memperbesar

Simpan & Muat Proyek

Ekspor Status (Simpan Proyek)

  • Simpan Kemajuan: Ekspor seluruh proyek Anda sebagai file JSON
  • Termasuk: Semua lukisan, warna, pengaturan, dan kustomisasi
  • Format File: File .json yang dapat dibuka kembali kapan saja
  • Penggunaan: Cadangkan pekerjaan Anda atau lanjutkan nanti

Impor Status (Muat Proyek)

  • Pulihkan Pekerjaan: Impor file JSON yang sebelumnya disimpan
  • Mempertahankan: Semua lukisan dan pengaturan kustomisasi Anda
  • Lintas perangkat: Bekerja di berbagai browser dan perangkat

Auto-save

  • Otomatis: Pekerjaan Anda disimpan ke penyimpanan lokal browser
  • Pemulihan: Secara otomatis memulihkan sesi terakhir Anda
  • Tidak Perlu Tindakan: Terjadi di latar belakang

Mode Pratinjau

Sebelum mengekspor, gunakan mode Pratinjau untuk melihat peta akhir Anda:

  • Menyembunyikan semua kontrol pengeditan dan UI
  • Hanya menampilkan peta, legenda, dan elemen khusus
  • Memungkinkan menyeret legenda dan judul untuk penempatan yang tepat
  • Sempurna untuk pemeriksaan komposisi akhir

Langkah Selanjutnya

Setelah peta Anda terlihat sempurna, saatnya untuk mengekspor! Lanjutkan ke bagian akhir untuk mempelajari cara menyimpan dan membagikan kreasi Anda.