Lagi

Cara menampilkan banyak titik dalam peta torsi dengan CartoDB

Cara menampilkan banyak titik dalam peta torsi dengan CartoDB


Saya ingin membuat visualisasi dengan beberapa titik perubahan ukuran berdasarkan nilai tertentu, saat ini saya hanya punya satu (lihat) saya ingin semuanya berubah pada saat yang bersamaan.

Saya melihat visualisasi (seperti ini) dan mereka memiliki banyak titik yang mengubah lokasi sekaligus.

Saya tahu bahwa saya hanya diizinkan untuk menambahkan satu lapisan torsi ke peta pada satu waktu di CartoDB.

Bagaimana saya akan melakukan ini?


Anda dapat melihat data sumber dari visualisasi yang Anda tampilkan sebagai contoh (penerbangan di atas Queens) di sini, karena kumpulan data bersifat publik.

Apa yang mereka gunakan adalah satu ton poin untuk setiap posisi berbeda di mana Anda melihat "penerbangan" bergerak, dan aKode waktukolom, di mana mereka dapat mengatakan Torsi: "Titik ini akan muncul pada saat ini".

Dalam kasus Anda, Anda dapat mengikuti sesuatu yang serupa. Bayangkan Anda memiliki 3 lokasi berbeda yang ingin Anda lacak (setiap lokasi memiliki koordinat berbeda). Untuk setiap lokasi, Anda harus memiliki tabel seperti:

the_geom, name, your_order_column, your_size_column (0,0), Lokasi1, 1, kecil (0,0), Lokasi1, 2, sedang (0,0), Lokasi1, 3, besar (10,10), Lokasi2, 1, kecil (10,10), Lokasi2, 2, sedang (10,10), Lokasi2, 3, besar (10,10), Lokasi3, 1, kecil (20,20), Lokasi3, 2, sedang (20,20) , Lokasi3, 3, besar

Anda dapat mengatur di sini peta kategori Torsi, yang didapat sebagai kolom waktu "your_order_column" dan sebagai kolom kategori "your_size_column". Kemudian, 3 lokasi Anda akan selalu muncul dan akan berubah ukuran terhadap waktu.

Saya telah membuat contoh berikut untuk Anda. Peta tersedia di sini dan kumpulan data ada di sini.

Juga, kode CartoCSS yang saya gunakan adalah sebagai berikut:

/** visualisasi torsi_cat */ Peta { -torque-frame-count:4; -torsi-animasi-durasi:3; -torque-time-attribute:"kolom_pesanan_anda"; -fungsi-agregasi-torsi:"CDB_Math_Mode(kategori_torsi)"; -torsi-resolusi:2; -torsi-data-agregasi:linier; } #simple_torque_sizes_gis{ comp-op: source-over; penanda-isi-opacity: 0.9; penanda-garis-warna: #FFF; penanda-garis-lebar: 0; penanda-garis-opacity: 1; tipe penanda: elips; lebar penanda: 6; isi penanda: #0F3B82; } #simple_torque_sizes_gis[value=1] { marker-fill: #D6301D; lebar penanda: 20; } #simple_torque_sizes_gis[value=2] { marker-fill: #1F78B4; lebar penanda: 10; } #simple_torque_sizes_gis[value=3] { marker-fill: #229A00; lebar penanda: 2; }

Tonton videonya: OVRDC CartoDB and Leaflet Web Map Workshop