Tutorial OpenStreetMap Javascript

Tutorial OpenStreetMap Javascript

Openstreetmap merupakan layanan peta yang bersifat opensource. Banyak tutorial yang sudah ada dan bertebaran jika tekun mencarinya.

Berikut merupakan kumpulan source code yang mungkin sedang anda butuhkan. Didalam bundle source code ini terdiri dari:

1.Load Map: Membuka halaman default OSM
2. Menampilkan 1 Marker: Menampilkan 1 buah merker ke dalam map
3. Popup Pada Marker : Menampilkan informasi tambahan pada saat mouse hover ke marker
4. Menampilkan >1 Marker: Menampilkan banyak marker ke dalam map. Sumber titik kordinat dalam bentuk JSON
5. Mengambil 1 Titik Lokasi: Mengambil 1 titik kordinat lokasi dengan mengklik pada bagian map dan menampilkan marker pada lokasi tersebut
6. Mengambil >1 Titik Lokasi: Mengambil lebih dari 1 titik kordinat lokasi dengan mengklik pada bagian map dan menampilkan marker pada lokasi tersebut
7. Membuat garis dari beberapa titik: Menghubungkan lebih dari 2 titik lokasi dengan menggunakan garis

Tutorial ini saya kumpulkan dari beberapa forum dan pertanyaan di laman https://www.openstreetmap.org/help.

Bahasa Pemrograman: HTML dan JAVASCRIPT Murni. No framework

Anda bisa menonton video demo melalui link youtube dibawah ini untuk memastikan kebutuhan anda terpenuhi atau tidak dari isi tutorial ini.

Bagi kamu yang ingin mendapatkan source code untuk keperluan development website, kamu bisa menghubungi saya dengan kontak bisa di lihat disini http://androiddev.id

Jangan lupa tinggalkan komentar karena 'Berbagi' itu indah..:-)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s