Tujuan Pembelajaran
Mengetahui tampilan antar muka iD Editor
Mengedit OpenStreetMap dengan iD Editor
Menyimpan dan mengupload hasil editing
Anda telah berhasil membuat akun OpenStreetMap dan Anda sudah dapat mengedit OpenStreetMap. Sekarang kita akan belajar menambahkan data dan mengedit menggunakan sebuah editor yang berjalan di browser yang dinamakan iD Editor
iD Editor merupakan sebuah editor OpenStreetMap berbasis web yang berguna untuk menambahkan atau mengubah data dalam OpenStreetMap dengan mudah dan cepat dengan menggunakan sumber-sumber data spatial seperti citra satelit, GPS, dan FieldPapers.
Sebelum Anda mulai, komputer Anda harus terhubung dengan internet. Buka browser internet Anda, kemudian buka situs OpenStreetMap http://www.openstreetmap.org , kemudian Masuk dengan akun OpenStreetMap dan zoom in pada area yang ingin Anda edit sampai Menu Edit aktif. Klik pada tanda panah kemudian klik Edit ‣ Edit with iD (in-browser editor) seperti ditunjukkan gambar dibawah ini.
Mengaktifkan iD Editor di Situs OpenStreetMap
Gambar di bawah ini menunjukkan fitur utama dari iD Editor.
Tampilan iD Editor
Panel Fitur: Panel ini akan menampilkan atribut dari suatu objek yang menandakan objek tersebut pada peta. Anda dapat menambahkan dan mengedit data atribut dari panel ini.
Panel tools: Panel ini menampilkan beberapa fungsi dasar untuk mengedit peta, yaitu sebagai berikut:
![]() |
Menambahkan titik |
![]() |
Menambahkan garis |
![]() |
Menggambar bentuk area (poligon) |
![]() |
Membatalkan pilihan |
![]() |
Memajukan pilihan |
![]() |
Menyimpan perubahan |
Panel Peta: Panel ini menampilkan beberapa fungsi untuk mengatur tampilan peta
![]() |
Perbesar |
![]() |
Perkecil |
![]() |
Menuju lokasi saat ini |
![]() |
Mengatur tampilan latar belakang peta |
![]() |
Mendapatkan bantuan |
Panel keterangan: Terletak di paling bawah pada peta Anda, panel ini menampilkan beberapa keterangan siapa saja yang pernah berkontribusi mengedit pada area tersebut.
Sebelum memulai mengedit, Anda dapat mengubah latar belakang tampilan peta. Klik tombol Pengaturan Latar Belakang
Kemudian akan muncul panel baru seperti di bawah ini:
Pengaturan latar belakang dan tingkat kecerahan di iD Editor
Ada beberapa langkah untuk pengaturan latar belakang di iD Editor, sebagai berikut:
Anda dapat mengatur tingkat kecerahan citra satelit dengan mengklik salah satu kotak seperti ini
terdapat 3 tingkat kecerahan yang dapat dipilih: 100%, 50%, dan 0%. Cobalah ketiganya untuk mengetahui perbedaannya.
Anda juga dapat mengatur tampilan latar belakang citra satelit sesuai dengan yang tersedia untuk wilayah Anda (pilihan standar adalah Bing Aerial Imagery). Anda dapat juga menampilkan peta OpenStreetMap sebagai tampilan latar belakang.
Juga, jika Anda ingin menampilkan latar belakang dengan tampilan Fieldpapers yang sudah diupload, silahkan klik pada Custom dan masukkan alamat FieldPapers (sebagai contoh:http://fieldpapers.org/snapshot.php?id=fdsbgzns#17/-6.20049/106.82533) pada kolom yang muncul seperti pada gambar dibawah ini:
Memasukkan Field Papers ke dalam iD Editor
Anda juga dapat menambahkan track dan waypoint GPS yang tersimpan dalam komputer Anda (format GPX). Caranya klik pada GPX, tahan, kemudian geser ke halaman editor.
Jika terdapat pergeseran citra satelit, Anda dapat melakukan koreksi dengan cara klik Fix misalignment hingga keluar tampilan kotak seperti ini:
Anda dapat mengatur koreksinya dengan klik tombol navigasi
Klik untuk
mengembalikan posisinya seperti semula.
Sebelum kita memulai praktik dengan iD Editor, pertama arahkan ke wilayah yang ingin Anda edit. Anda dapat menggeser tampilan Anda dengan menahan tombol kiri pada mouse sambil menggeser ke arah yang diinginkan.
Untuk menambahkan sebuah fitur titik, klik pada
Anda akan melihat tampilan kursor berubah menjadi tanda (+). Sekarang, klik pada posisi yang Anda ketahui. Misalnya, Anda melihat sebuah bangunan pada peta dan Anda mengetahui bangunan tersebut adalah sebuah Rumah Sakit. Klik pada bangunan tersebut.
Menambahkan titik di iD Editor
Sekarang, perhatikan bahwa Anda akan mendapati sebuah titik baru. Dan pada saat yang bersamaan, panel fitur akan memunculkan atribut-atribut pilihan yang dapat Anda gunakan untuk menandakan tipe objek. Sekarang, ketikkan Hospital pada kotak pencarian, dan pilih Hospital untuk menambahkan fitur ke peta, seperti ditunjukkan pada gambar di bawah ini.
Menambahkan informasi titik di iD Editor
Simbol titik Anda berubah secara otomatis, dan panel fitur akan berubah menjadi sebuah formulir isian dengan informasi mengenai rumah sakit, seperti nama rumah sakit, alamat lengkap sebagai informasi tambahan mengenai objek tersebut.
Catatan
Setiap fitur akan memiliki formulir yang berbeda - titik, garis, atau poligon. Formulir tersebut tergantung dari jenis fiturnya, skala peta, dan kualitas dari citra satelit.
Jika Anda ingin menggeser posisi titik, klik dan tahan pada titik tersebut kemudian geser ke lokasi yang baru. Jika Anda ingin menghapus titik tersebut, klik pada titik yang ingin dihapus, sehingga akan keluar tombol seperti di bawah ini.
Klik tombol tersebut untuk menghapus objek.
Klik pada:
kemudian Anda akan melihat tampilan kursor berubah menjadi tanda plus (+). Misalnya Anda akan menggambar sebuah jalan , maka pertama klik kiri pada salah satu ujung jalan, kemudian tarik hingga membentuk sebuah garis. Klik dua kali untuk mengakhiri garis dan panel fitur akan muncul pada sebelah kiri Anda.
Menambahkan garis di iD Editor
Panel fitur akan memunculkan beberapa atribut-atribut pilihan yang dapat Anda gunakan untuk menandakan garis yang Anda pilih. Anda dapat menggeser titik dari garis dengan cara klik dan tahan mouse pada satu titik dan menggesernya. Anda juga dapat menggeser garis tersebut dari posisi sebelumnya dengan cara menahan tombol kiri mouse pada garis dan menggesernya. Ketika Anda mengklik sebuah titik (vertex) dari garis, Anda akan menembukan fungsi-fungsi tambahan sebagai berikut:
![]() |
Menghapus titik dari garis |
![]() |
Memisahkan titik yang menempel pada objek lain |
![]() |
Membagi satu garis menjadi dua bagian. Berguna jika dalam satu garis lurus terdapat perbedaan atribut (misal nama jalan yang berbeda) |
Ketika Anda mengklik sebuah garis (diantara titik), Anda akan menemukan fungsi tambahan sebagai berikut:
![]() |
Menghapus garis |
![]() |
Membentuk garis menjadi sebuah lingkaran |
![]() |
Memindahkan posisi garis |
![]() |
Membuat sudut garis menjadi siku-siku |
![]() |
Memutarbalikkan arah garis |
Untuk menambahkan sebuah area, atau fitur poligon, klik pada gambar seperti di bawah ini:
Kemudian kursor akan berubah menjadi tanda plus (+). Gunakan citra satelit sebagai panduan, gambar area dengan klik pada sudut fitur, seperti ditunjukkan gambar dibawah ini.
Menambahkan area/poligon di iD Editor
Sama seperti titik dan garis, ketika Anda mengklik salah satu titik dalam poligon, Anda akan mendapatkan fungsi tambahan. Begitu pula ketika Anda mengklik garis dari poligon (diantara titik) akan Demikian pula, klik garis pada poligon (antara titik) akan muncul menu pengeditan tambahan yang tersedia untuk Anda.
Klik pada tombol di bawah ini:
untuk menyimpan perubahan Anda. Kemudian perhatikan panel di sebelah kiri Anda, akan berubah seperti pada gambar di bawah ini:
Menyimpan perubahan di iD Editor
Isilah komentar pada Commit message dengan catatan singkat mengenai perubahan area yang Anda edit atau tambahkan agar pengguna lain mengetahuinya. Kemudian klik Simpan.
Pada saat Anda menentukan atribut fitur, Anda dapat membuat data yang lebih bermanfaat dengan menambahkan informasi tambahan. Dengan ikon-ikon yang akan muncul seperti dibawah ini dapat membantu Anda dalam menambahkan rincian tambahan di data peta Anda:
![]() |
Menambahkan informasi ketinggian |
![]() |
Menambahkan catatan |
![]() |
Menambahkan kontak/nomor telepon |
![]() |
Menambahkan sumber |
![]() |
Menambahkan informasi situs |
![]() |
Menambahkan informasi pada ketersediaan aksesibilitas untuk penyandang cacat |
![]() |
Menambahkan tautan Wikipedia |
Daftar tag di iD Editor
Selain itu, Anda dapat menambahkan atribut sendiri dengan mengklik pada ikon
Ini akan muncul formulir yang memungkinankan Anda untuk menambahkan atrribut Anda sendiri:
Klik tanda + untuk menambahkan key dan value yang Anda inginkan. Daftar lengkap key dan value dapat dilihat di Wiki OpenStreetMap Map Features
Mengisi salah satu tag iD Editor
Sekarang Anda sudah bisa menambahkan data-data Anda ke dalam OpenStreetMap menggunakan browser iD Editor. Anda juga sudah mempelajari bagaimana mendigitasi 3 tipe objek di OpenStreetMap: titik, garis, dan area (poligon). Pada materi selanjutnya, kita akan mempelajari tentang editor yang lain, yaitu Java OpenStreetMap atau yang lebih dikenal dengan JOSM.