Assalamualaikum WR WB. disini saya akan membagikan Tutorial Membuat Sistem Informasi Pemetaan Wilayah Berbasis Web Tanpa Database. pada prinsipnya aplikasi ini sangat cocok untuk dipakai untuk monitoring wilayah yang ada di peta tersebut. sebagai contoh jumlah penduduk, angka kelahiran, angka kematian, dan lain-lain. pada pembahasan ini saya hanya menampilkan nama pulau yang jika disorot oleh mouse maka akan muncul keterangan. jika anda bisa mengkombinasikan menggunakan database maka hasil akan lebih dinamis dalam menampilkan data.
berikut adalah tampilan aplikasinya.
langsung saja kita masuk ke pembahasan.
pada posting sebelumnya saya telah menjelaskan tentang mencari koordinat pada gambar . pada pembahasan kali ini pun sama. sehingga saya tidak perlumenjelaskan ulang. lihat Cara mencari koordinat pada gambaar menggunakan tools online image map editor .
setelah anda mencari koordinat anda akan mendapatkan script dari tools http://www.maschek.hu/imagemap/imgmap
berikut adalah script yang telah sedikit saya ubah.
<img id="maping" src="petaindonesia.jpg" usemap="#veg" >
<map id="veg_map" name="veg">
<area shape="circle" data-key="sumatra" title="" coords="148,161,24" href="#" target="" />
<area shape="circle" data-key="jawa" title="" coords="278,321,14" href="#" target="" />
<area shape="circle" data-key="kalimantan" title="" coords="419,208,24" href="#" target="" />
<area shape="circle" data-key="sulawesi" title="" coords="551,214,15" href="#" target="" />
<area shape="circle" data-key="bali" title="" coords="444,354,6" href="#" target="" />
<area shape="circle" data-key="papua" title="" coords="905,246,15" href="#" target="" /></map>
</map>
selanjutnya kita buat folder di xampp/htdocs/namafolderanda
karena script agak panjang lebih baik anda download langsung saja di bawah ini.
Download
sekian pembahasan tentang Tutorial Membuat Sistem Informasi Pemetaan Wilayah Berbasis Web Tanpa Database. terima kasih atas perhatiannya. semoga bermanfaat untuk kita semua jika ingin di kembangkan. amiin jangan lupa share ya gan. terima kasih.Download juga tutorial lainnya
Tutorial Membuat Toko Online Sederhana Berbasis Web
Tutorial Membuat Website Html Sederhana Tanpa Database
Playstore Sederhana Menggunakan PHP
Tutorial Membuat Login Multi User Menggunakan Php & MySql
Tutorial Membuat Simulasi Finger Print Untuk Absensi Berbasis Web Menggunakan PHP & MySql
Tutorial Membuat Sistem Informasi Portal Berita Berbasis Web Menggunakan Php & MySql
Tutorial Membuat Sistem Informasi Tujuan Wisata Berbasis Web Menggunakan PHP & MYSQL
Tutorial Membuat Website Html Sederhana Tanpa Database
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :
