Komunitas Wiki

Server Discord Fandom/Gamepedia telah tersedia secara lokal klik disini untuk bergabung F/G Indonesia

READ MORE

Komunitas Wiki
Advertisement
Ekstensi ini terhubung secara otomatis di Fandom.

Peta Interaktif adalah fitur yang tersedia di Fandom yang memungkinkan komunitas merancang peta mereka sendiri yang disesuaikan. Ini tersedia untuk komunitas mana pun yang ingin menggunakannya.

Memulai[]

Pembuatan dan suttingan peta saat ini terbatas pada mereka yang memiliki hak pengguna editinteractivemap, yang secara otomatis diberikan kepada administrator dan Staf Fandom. Ada grup pengguna " Penguji peta interaktif " yang dapat diberikan administrator kepada pengguna untuk memungkinkan mereka membuat dan mengedit Peta.

Setelah kamu memiliki izin untuk mengedit Peta, kamu dapat menemukan tautan "Peta Interaktif" di menu Jelajahi di navigasi atas, atau kamu dapat langsung menavigasi ke alat pembuatan dengan mengunjungi Special:AllMaps di wiki mu, tempat kamu dapat membuat Miliki Peta dan temukan daftar setiap Peta yang ada di komunitas kamu.

Semua Peta Interaktif hidup di Map:ruang nama konten, mis /wiki/Map:My_New_Map. Peta yang dibuat di namespace lain, termasuk sebagai subhalaman userspace, tidak akan dibuat dengan benar. Saat membuat Peta melalui tombol di Special:AllMaps, namespace ini secara otomatis ditambahkan, menghilangkan kebutuhan untuk membuat bagian ini dari judul halaman.

Kecuali kamu telah menetapkan preferensi untuk menggunakan suntingan sumber, tombol "sunting" di kanan atas halaman mana pun di ruang nama Peta akan membuka Editor Peta Interaktif visual, yang merupakan opsi ramah pengguna untuk mengedit Peta dengan cepat dan mudah. Mengklik "Sunting sumber" dari menu tarik-turun akan membawa Kamu ke editor sumber dan memuat JSON dasar ( Notasi Objek JavaScript) struktur untuk Peta. Jika Kamu memiliki suntingan sumber yang dipilih sebagai preferensi Anda, opsi ini dibalik dan tombol di dropdown bertuliskan "Sunting peta". mengklilk ikon pensil yang ada di peta itu sendiri akan selalu membuka Editor Peta Interaktif visual, apa pun editor pilihan Anda. Saat berada di dalam Editor Peta Interaktif visual, mengarahkan kursor ke tombol dengan tiga titik vertikal akan membuka tarik-turun dengan opsi untuk "sutingan sumber".

Membangun Peta menggunakan Editor Peta Interaktif[]

Interactive Maps Theme Designer

Tampilan Peta[]

Bagian ini memungkinkan mu untuk melihat nama Peta Kamu, mengunggah gambar Peta sebagai latar belakang Anda, dan penanda grup yang berada dalam jarak dekat.

  • Nama Peta: Ini adalah judul Peta Anda. Peta Anda akan dapat dilihat menggunakan URL , di mana My New Map adalah nama yang Anda pilih. Jika Anda ingin mengubah nama setelah pembuatan Peta, arahkan kursor ke tombol dengan tiga titik vertikal di sudut kanan atas pada Peta itu sendiri dan pilih opsi "pindah". Ini akan menutup Editor Peta Interaktif dan membawa Anda ke Special:MovePage ./wiki/Map:My_New_Map
  • Gambar Peta: Klik area ini untuk mengunggah gambar yang ingin Anda gunakan untuk Peta Anda. Anda dapat mengunggah .jpg, .jpeg, .png, atau .svg. Ukuran file maksimum adalah 10 MB.
  • Penanda Grup: Alihkan opsi ini ke "aktif" untuk menyederhanakan jumlah penanda pada Peta dengan mengelompokkan penanda yang berdekatan. Jika Anda mengklik lokasi yang dikelompokkan, itu akan memperbesar dan menampilkan sub-grup atau penanda individu di lokasi yang dipilih. Kami menyarankan untuk mengelompokkan penanda dalam jumlah besar untuk pengalaman menonton yang lebih baik.

Kategori[]

Atur penanda sejenis dengan mengelompokkannya ke dalam kategori. Daftar ini akan muncul di sebelah Peta dan memungkinkan Anda untuk memfilter penanda berdasarkan kategori. Klik tombol "Tambah Kategori" untuk membuat yang baru, klik warna di sebelah kiri kategori untuk mengubah warna kategori, dan pegang bilah horizontal di sebelah kanan kategori untuk menyusun ulang kategori dalam daftar. Mengklik di mana saja pada kategori akan mengubah bilah horizontal menjadi ikon tempat sampah untuk memberi Anda opsi untuk menghapus kategori.

Penanda[]

Untuk menambahkan penanda ke Peta Anda, klik ikon pin di sudut kanan atas. Pindahkan kursor Anda ke penempatan yang diinginkan pada Peta dan klik untuk melepaskannya. Setelah Anda menempatkan penanda, sebuah menu akan muncul dengan beberapa opsi yang mengontrol bagaimana penanda Anda akan muncul di Peta:

  • Judul: Ini adalah nama penanda/lokasi Anda. Itu harus 50 karakter atau kurang.
  • Deskripsi (opsional): Deskripsi ini akan ditampilkan di bawah judul Anda di jendela pop-up saat penanda Anda diklik. Itu harus 150 karakter atau kurang.
  • Tautan (opsional): Anda memiliki opsi untuk menautkan ke artikel mana pun di wiki Anda (mungkin artikel yang memberikan detail lebih lanjut tentang penanda/lokasi yang dipilih).
    • Judul halaman: Cantumkan nama artikel yang ingin Anda tautkan di kolom ini. Tidak masalah apakah Anda menggunakan spasi atau garis bawah untuk nama artikel.
    • Teks tampilan tautan: Pilih bagaimana Anda ingin teks tautan ditampilkan. Itu bisa berupa nama yang sama dengan artikel atau sesuatu seperti "Lihat selengkapnya". Bidang ini wajib diisi jika Anda menautkan judul halaman.
  • Kategori: Pilih kategori mana Anda ingin penanda Anda dikelompokkan. Setiap penanda harus dikaitkan dengan kategori untuk mengelompokkan penanda serupa dengan lebih baik.

Setelah penanda dibuat, Anda dapat menyeretnya ke lokasi lain di Peta jika Anda mau. Anda juga dapat mengklik penanda dan mengarahkan kursor ke tiga titik vertikal untuk membuka opsi untuk mengedit atau menghapus penanda.

Fungsi Tambahan[]

  • Memperbesar: Gunakan tombol + dan - di sudut kanan bawah untuk memperbesar dan memperkecil Peta Anda. Anda juga dapat menggunakan roda gulir/mouse.

Melayang di atas tombol dengan tiga titik vertikal akan membuka dropdown. Tergantung pada hak pengguna Anda , Anda akan selalu mendapatkan opsi untuk "mengedit sumber", "riwayat", dan "memindahkan" Peta.

  • Edit sumber: Mengklik ini akan membawa Anda keluar dari Editor Peta Interaktif visual dan ke kode JSON dari Peta. Jika Anda ingin kembali ke Editor Peta Interaktif visual, Anda harus keluar dari mode sumber dan mengklik pensil edit pada Peta lagi.
  • Riwayat: Ini akan membawa Anda keluar dari editor dan ke riwayat halaman Peta, menunjukkan kepada Anda semua suntingan dan perubahan yang dibuat oleh siapa pun dan memberi Anda opsi untuk membatalkannya jika perlu.
  • Pindah: Ini akan menutup Editor Peta Interaktif dan membawa Anda ke Spesial:PindahPage , di mana Anda dapat memilih nama baru untuk Peta Anda.

Opsi berikut hanya tersedia bagi mereka yang memiliki hak moderator konten atau lebih tinggi.

  • Lindungi: Ini membuka opsi untuk melindungi Peta Anda.
  • Hapus: Ini akan menghapus Peta Anda. Anda selalu dapat memulihkannya jika Anda melakukan ini secara tidak sengaja.

Saat Anda melakukan pengeditan, jendela pratinjau akan menampilkan perubahan Anda secara real time, sehingga Anda dapat melihat bagaimana Peta Anda akan terlihat sebelum Anda menyimpannya. Setelah selesai, klik tombol "Simpan" dan Peta baru Anda sekarang akan muncul di wiki!

Membangun Peta menggunakan JSON di Editor Sumber[]

Setiap Peta Interaktif didefinisikan dalam JSON ( JavaScript Object Notation ). Bidang berikut harus ditentukan untuk menghasilkan Peta:

  • mapImage (wajib) – nama file yang akan digunakan sebagai gambar background peta. Gambar harus diunggah ke wiki (mis. menggunakan Special:Upload). Ekstensi file berikut ini didukung: jpg/ jpeg/ png/ svg.
  • mapBounds (wajib) – batas yang mendefinisikan tepi peta, diberikan sebagai 2x2matriks bilangan bulat.
  • categories (wajib) – daftar kategori yang akan ditampilkan dalam daftar filter (menu tarik-turun ada di kiri atas peta).
  • markers (wajib) – daftar penanda yang akan ditampilkan pada peta. Setiap penanda harus dikaitkan dengan kategori yang ditentukan.
  • origin– lokasi titik asal [0,0] dalam sistem koordinat.
    • Nilai yang memungkinkan: bottom-left(default) atau top-left.
  • coordinateOrder– urutan koordinat yang digunakan dalam menentukan batas peta dan posisi penanda.
    • Nilai yang memungkinkan: xy(default) atau yx

Kategori[]

Kategori adalah sekelompok penanda dari jenis yang sama. Setiap kategori penanda ditentukan melalui bidang berikut:

  • id (wajib) – ID yang ditentukan secara unik untuk setiap kategori, dicocokkan dengan categoryIdproperti setiap penanda. Setiap string valid sebagai "id".
  • name (wajib) – nama kategori, yang akan ditampilkan dalam daftar filter.
  • color (wajib) – warna setiap kategori penanda akan muncul, yang dapat diberikan dalam warna hex atau warna bernama. Kategori dengan bidang warna yang tidak valid akan ditampilkan sebagai hitam.

Penanda[]

Setiap penanda individu didefinisikan melalui bidang berikut:

  • categoryId (wajib) – kategori yang terkait dengan penanda.
  • position (wajib) – koordinat posisi penanda, dalam urutan yang ditentukan mapBoundsdan ditentukan oleh coordinateOrder.
  • popup (wajib) – properti kotak pop-up yang muncul saat penanda diklik:
    • title (wajib) – judul penanda. Setiap judul penanda memiliki batas 50 karakter yang ketat.
    • description (wajib) – deskripsi yang akan ditampilkan di pop-up. Setiap deskripsi penanda memiliki batas 150 karakter yang ketat
    • link– tautan artikel yang akan ditambahkan ke pop-up. Tautan penanda bersifat opsional, tetapi jika disertakan harus ditentukan dengan a url(judul artikel yang akan ditautkan) dan a label(teks tautan yang akan ditampilkan). URL dapat ditautkan ke artikel lengkap dan bagian artikel.

Contoh[]

{
  "origin": "bottom-left",
  "coordinateOrder": "xy",
  "mapImage": "File:MapBackground.jpg",
  "mapBounds": [[0, 0], [1000, 1000]],
  "categories": [
    { "id": "1", "name": "Artifacts", "color": "#ff00ff" },
    { "id": "2", "name": "Dungeons", "color": "#00ff00" }
  ],
  "markers": [
    {
      "categoryId": "1",
      "position": [500, 300],
      "popup": {
        "title": "A Sword",
        "description": "Very important artifact",
        "link": {
          "url": "Article about a sword",
          "label": "See more"
        }
      } 
    },
    {
      "categoryId": "2",
      "position": [300, 500],
      "popup": {
        "title": "A Cave",
        "description": "Very scary dungeon",
        "link": {
          "url": "Article about a cave",
          "label": "See more"
        }
      } 
    }
  ] 
}

Melihat Peta[]

Cluster penanda[]

Untuk kemudahan tampilan, penanda dikelompokkan secara lokal ke dalam kelompok. Mengarahkan kursor ke klaster akan menampilkan garis besar area penanda yang ada di dalam klaster itu, dengan nomor yang menunjukkan jumlahnya. Mengklik cluster akan memperbesar area tersebut.

Saat ini tidak ada cara untuk menyesuaikan sensitivitas pengelompokan.

Filter[]

Peta memiliki menu filter yang memungkinkannya menampilkan atau menyembunyikan kategori penanda tertentu, jika Anda hanya ingin melihat yang spesifik. Pilih "Pilih semua" untuk menampilkan semua penanda peta, atau pilih kategori tertentu untuk hanya melihat penanda dari kategori tersebut.

Menyematkan Peta[]

Untuk mendapatkan lebih banyak perhatian pada Peta Anda, Anda dapat menyematkannya ke dalam artikel ruang utama jika diinginkan. Setelah Peta dibuat, Peta dapat ditransklusikan ke dalam artikel menggunakan {{Map:My_New_Map}}sintaks teks wiki.

Seperti template, lebih dari satu Peta dapat disematkan dalam sebuah artikel. Peta yang disematkan dalam artikel akan memiliki tombol edit di kanan atas Peta. Mengklik ini akan membuka Editor Peta Interaktif di tab baru, memungkinkannya untuk diedit secara langsung.

Menyetarakan[]

Secara default, peta akan mengambil lebar 100% dari elemen yang memuatnya (yaitu jika ditempatkan di tengah artikel, peta akan meluas ke lebar penuh halaman). Anda dapat memanipulasi penempatannya dengan menyematkannya di dalam <div>elemen atau tabel , yang memungkinkan Anda menentukan perataan, lebar, dan properti lainnya.

Perhatikan bahwa agar peta di dalam elemen tersebut dapat masuk ke dalam artikel dengan benar, lebarnya harus 530px atau kurang.

Selain itu, Anda dapat menempatkan Peta di dalam kotak info, meskipun ini akan sangat membatasi fungsinya.

Contoh peta[]

Bantuan & Umpan Balik[]

Advertisement