Pembuatan Peta Choroplet dengan Mapbox

A. Data
 shapefile kecamatan yogyakarta berisi atribut jumlah penduduk
Shapefile didapat dari clipping shapefie kecamatan seluruh Indonesia dengan shapefile
Provinsi DI Yogyakarta, sementara atribut jumlah penduduk didapat dari situs BPS
kabupaten bantul.
B. Memasukkan data shapefile ke Mapbox Studio Classic
1. Membuka mapbox studio classic
2. Membuat source style baru

3. Memasukkan Layer berisi data-data yang diperlukan untuk pembuatan peta

4. Memilih file sumber data (data kecamatan berisi atribut jumlah penduduk)

5. Mengisikan deskripsi [i], mengatur sistem referensi (bila perlu) [ii], mengatur buffer size
[iii]
 i

ii
iii

6. Simpan dengan klik save as

7. Membuat style dari layer (setting->create style from source)

8. Klik use source localy

C. Memulai styling layer

Styling pada mapbox menggunakan script bernama cartocss. Cartocss akan mengatur tampilan
dari fitur/objek di screen dengan menggunakan atribut-atribut yang diinjekkan ke selector
tertentu

Contoh penggunaan cartocss:

 selector

Atribut

Referensi mengenai atribut yang tersedia di script cartocss dapat dilihat di menu docs

1. Memberi warna dasar ke area Yogyakarta

Untuk memberi warna ke fitur yang berjenis polygon, dapat digunakan atribut
polygon-fill:<kodewarna hex/rgb/nama warna dasar>
contoh:

Simpan untuk melihat perubahan

2. Menampilkan label nama kecamatan
Untuk menampilkan label berisi text yang diambil dari tebel, dapat digunakan atribut
text-name: [nama kolom tabel]. Namun dalam penggunaan atribut ini, harus dibarengi
dengan menggunaan atribut text-face-name: [nama font] untuk keperluan pendefinisian
font yang digunakan
 contoh:

Simpan untuk melihat perubahan

Akan terlihat label tertutupi oleh sebagian poligon-poligon kecamatan. UNtuk

menanggulangi hal ini, dapat dilakukan dengan memisahkan antara style polygon
dengan style label seperti berikut:

3. Mengatur klasifikasi warna berdasarkan jumlah penduduk

Untuk mengatur warna berdasarkan jumlah penduduk, dapat dilakukan dengan
menggunakan pola script sebagai berikut
<selector>[kondisi] {
atribut
}
Contoh:
Hasil: