fallout new vegas interactive map

Fallout: New Vegas - Peta Interaktif

https://srt4rulez.github.io/fallout-new-vegas-interactive-map

Peta interaktif Mojave Wasteland di Fallout: New Vegas.

Fitur

• Berisi semua buku keterampilan dan bola salju.
• Tandai item sebagai ditemukan untuk melacak kemajuan Anda. Kemajuan Anda disimpan di browser Anda.
• Setiap jenis item diberi kode warna untuk memudahkan identifikasi.
• Alihkan visibilitas item yang ditemukan.
• Alihkan visibilitas satu jenis item.
• Setiap item memiliki link yang sesuai ke artikel di https://fallout.fandom.com/ untuk info lebih lanjut.

Peta Interaktif Lainnya

• pramuka peta permainan

Bagaimana cara kerjanya?

Kami menggunakan perpustakaan bernama Leaflet untuk membuat peta interaktif, mirip dengan Google Maps. Alih-alih peta dunia nyata, kami memuat gambar Mojave Wasteland. Ini memungkinkan kita memperbesar, menggeser, dan berinteraksi dengan peta. Ini juga memungkinkan kita menambahkan "penanda" yang ketika diklik, akan membuka popup dengan konten khusus.

Semua penanda disimpan di markers.json. Setiap penanda memiliki nilai ID, tipe, subtipe (opsional), judul, deskripsi, url (opsional), gambar (opsional), serta garis lintang dan bujur.

Saat menyetel penanda sebagai "ditemukan", kami memperbarui sesuatu yang disebut Penyimpanan Lokal di browser. Ini adalah data yang disimpan di browser dan dapat bertahan jika disegarkan. Ini khusus untuk domain. Hal ini memungkinkan kami menyimpan kemajuan Anda tanpa harus menyimpannya di database eksternal. Kemajuan Anda hanya disimpan di browser Anda saat ini. Jika Anda mengunjungi aplikasi di browser lain, Anda tidak akan melihat data Anda sebelumnya.

Men-debug Lintang dan Bujur

Buka alat pengembang di browser Anda (biasanya F12), buka tab konsol, dan ketik "window.debug = true" dan tekan enter untuk mengaktifkan mode debug. Mengklik peta sekarang akan mencatat garis lintang dan bujur ke konsol.

Perkembangan

Untuk mengerjakan repositori ini, instal Docker, lalu jalankan perintah berikut di root proyek:

 ./run-docker-development.sh

Ini akan memulai container buruh pelabuhan yang memiliki semua yang kita perlukan untuk dikembangkan.

Cukup instal dependensi dengan benang, lalu mulai server pengembangan dengan create-react-app:

 yarn install
yarn start

Kunjungi http://localhost:3000/ di browser di komputer Anda untuk melihat situs.

Lihat https://github.com/facebook/create-react-app untuk info lebih lanjut.