Membuat Peta Interaktif Jumlah Penduduk Indonesia (E book)

11:38 PM

Google Maps Javascript V3 API merupakan layanan dari Google Maps yang memungkinkan kita untuk memasang peta pada web dengan menggunakan fitur-fitur dan data yang disediakan oleh Google Maps. Kita bisa dengan mudah menggunakan peta yang disediakan Google Maps, sehingga akan memberi kemudahan pada user yang menggunakan peta karena saat ini masyarakat sudah sangat terbiasa menggunakan Google Maps dalam keseharian hidup mereka.

Dalam buku ini akan dijelaskan bagaimana untuk membuat suatu WebGIS menggunakan bantuan Google Maps Javascript V3 API. Kenapa saya sebutkan Google Maps Javascript V3 API, adalah karena Google menyediakan juga Google Maps Android API dimana juga merupakan layanan peta dari Google yang memudahkan kita untuk mengakses peta menggunakan smartphone.

Berikut Fitur dari Peta yang akan kita buat
·         Menampilkan Base Map
·         Menampilkan Polygon Provinsi
·         Menampilkan Info Window
·         Menampilkan Select Provinsi
·         Mengambil dan Menampilkan Data SQL
·         Memberi Warna Pada Polygon Provinsi
Menampilkan Legenda
Berikut Tampilan hasil akhir WebGIS sederhana kita
Peta Interaktif Jumlah Penduduk Indonesia
silakan download disini. .CMIIW dalam menyampaikan sesuatu. . :)

Share This Story

Tags: ,

Just an Ordinary Techno Learner

You Might Also Like

41 comments

  1. deaFebruary 23, 2014 at 2:17 AM

    ini source code nya silakan di download :D
    https://dl.dropboxusercontent.com/u/47464119/indonesia.rar

    ReplyDelete
    Replies
    1. UnknownMarch 27, 2014 at 3:48 PM

      Mas Klau peta tematiknya diambil perkecamatan bisa gak mas?

      Delete
  2. UnknownMarch 27, 2014 at 3:47 PM

    mas kalau pete tematiknya di salah satu provinsi dan diambil per kecamatan bisa gak mas?

    ReplyDelete
    Replies
    1. deaApril 1, 2014 at 7:25 AM

      bisa, tapi kalau mau bisa nampilin semua kecamatan di indonesia mending jangan pake google maps, pake openlayer yang lebih cocok buat itu. .

      Delete
    2. UnknownApril 3, 2014 at 10:27 PM

      TA saya pake google maps api mas,,,

      Delete
    3. deaApril 4, 2014 at 7:12 AM

      oh, kalo cuma TA sih engga masalah pake fusion table sama google maps. .
      kalo aplikasi yang komersil pake google maps yang free cuma dibatasi 2500 request per hari soalnya. .
      pelajari dulu aja javascript, jquery, cara pake ajax sama ambil data pake php mas biar enak ngoding google maps nya. .

      Delete
  3. DHANIEApril 23, 2014 at 10:33 AM

    Mas klo warna2 pulau di petanya itu ga muncul knp ya mas..?? padahal udh saya ikutin sesuai tutorial diatas... :/

    ReplyDelete
    Replies
    1. deaApril 23, 2014 at 1:08 PM

      polygon nya keluar?
      coba di lihat console browser nya, kalau ada pesan error keluar disitu. .

      Delete
  4. DHANIEApril 26, 2014 at 5:37 PM

    ga keluar mas, kyk map biasa aja gitu...

    kyk gini pesannya : Uncaught TypeError: undefined is not a function

    ReplyDelete
    Replies
    1. deaApril 30, 2014 at 9:36 AM

      coba dibandingin sama source code dari saya yang di komentar paling atas, . .
      itu error nya umum, biasanya salah penulisan. .

      Delete
  5. UnknownJune 21, 2014 at 11:54 AM

    styles: [{
    where: 'kode IN ('+kode1+')',
    polygonOptions:{
    fillColor:'#00FF00'
    }

    maaf gan, itu 'kode IN'-nya dari mana ya datangnya? mksdnya apa ?
    masih ndak ngerti sma kodingnya ini.. hehehe

    ReplyDelete
    Replies
    1. deaJune 21, 2014 at 3:23 PM

      kodingan di atas maksudnya kalo kode nya ada di dalam array kode1, di kasi warna hijau . .
      kode IN itu dari fusion table nya kalo mau query kayak gitu. .

      Delete
  6. UnknownJuly 5, 2014 at 5:35 PM

    kak minta databasenya indonesia dong

    ReplyDelete
  7. funthereJuly 15, 2014 at 1:01 PM

    This comment has been removed by the author.

    ReplyDelete
  8. funthereJuly 15, 2014 at 1:17 PM

    Mas, ada contoh/source code/tutorial peta yg menampilkan persentase jumlah anak perusahaan dalam satu kabupaten gak mas? Jadi kabupaten kan mas dalam bentuk polygon, ketika di-hover polygon yg di-hover akan menampilkan data(infoWindow) persentase jumlah bebrapa jenis ank perusahaannya mas dalam bentuk grafik.

    Kalau mas bersedia mohon hubungi saya di email: suvander@gmail.com

    Makasih duluan mas.

    ReplyDelete
  9. UnknownOctober 17, 2014 at 9:14 AM

    mas mau tanya, kenapa ya misal from nya itu dari fusion tabel drive saya gak bisa load, tapi misal dari kode yang ada di source code bisa?? filenya yang di drive saya sudah share publik,,

    ReplyDelete
    Replies
    1. deaOctober 23, 2014 at 9:12 AM

      udah ada geometry nya gan?? peta lokasi nya?

      Delete
    2. UnknownOctober 23, 2014 at 10:03 PM

      This comment has been removed by the author.

      Delete
    3. UnknownOctober 23, 2014 at 10:48 PM

      solve gan yang sebelumnya misal keterangane data may still be loading iku gimana ya solusinya,, terima kasih...

      Delete
    4. deaOctober 24, 2014 at 8:51 AM

      itu kayaknya lebih ke koneksi gan, . .belum pernah saya soalnya

      Delete
    5. UnknownOctober 24, 2014 at 10:46 AM

      udah solve gan,, makasih tutorialnya,, siap ke tahap selanjutnya di tutorial... itu ternyata yang di fusion tabel, kan ada kolom namanya desa_no,, ternyata iku diganti kode, disamain di database SQL (ceritanya saya custom untuk peta kecamatan gan)... nnti msal ada masalah tanya lagi,, he.. he.. thanks...

      Delete
    6. deaOctober 27, 2014 at 8:33 AM

      siiiipp

      Delete
  10. DHANIEOctober 17, 2014 at 9:55 PM

    Mas saya udh coba buat maps versi saya sendiri pake google earth, udh di fusion jg pake google fusion table jg, source code nya saya pake yg di tutorial e book, tp kok msh blm bisa muncul warna warni kyk di tutorial e book, jd cm muncul legenda nya aja, biasa nya kesalahan yg terjadi yg buat polygon sm warna nya ga muncul knp ya?? mohon pencerahannya mas..
    thnx..

    ReplyDelete
    Replies
    1. deaOctober 23, 2014 at 9:09 AM

      kemarin saya ada juga masalah kayak gitu..
      itu ternyata ada bentrok antara google maps sama bootstrap nya. .
      coba bootstrap nya dihilangkan aja gan..liat pesan error nya di console atau firebug..

      Delete
  11. apelNovember 5, 2014 at 9:44 PM

    mas kalo mao buat denah tp ga pake API google ataupun openlayer, bing maps. bisa ga ya?

    ReplyDelete
    Replies
    1. deaNovember 11, 2014 at 1:55 PM

      setau saya Google maps bisa di overlay dengan image..
      bisa dilihat disini contoh nya https://developers.google.com/maps/documentation/javascript/examples/overlay-hideshow

      Delete
  12. UnknownDecember 8, 2014 at 9:58 PM

    mas,
    databasenya gak ketemu,
    minta tolong kirim ke email
    arywidiantara33@gmail.com

    ReplyDelete
  13. angga ramadhanMarch 5, 2015 at 1:48 AM

    mas, saya sudah ikutin tutorialnya. Kodingan saya dari KML sama databse sudah jadi. tetapi ada masalah mas waktu costumize layer2nya yang bedasrkan jumlah. kira2 apa yang salah ya mas ?

    ReplyDelete
    Replies
    1. angga ramadhanMarch 5, 2015 at 2:30 AM

      solve mas, makasih mas. :D. mohon izin untuk refrensi TA ya mas.

      Delete
    2. deaMarch 6, 2015 at 7:17 AM

      biasanya salah di penulisan, titik koma nya..
      ya silakan..

      Delete
  14. AnonymousJuly 1, 2015 at 9:28 AM

    mas kalau polygon gak bisa muncul gmn ya?
    padahal bootstrap udah di ilangin
    mohon pencerahannya

    ReplyDelete
  15. AnonymousJuly 23, 2015 at 6:42 PM

    Mas. Kalau base mapnha d ganti arcgis, kira2 yang perlu d konfigurasi ulang apa aja y ? Kalau KMLnya sih bisa d modif pake shp. Blom bisa mash up penduduknya soalnha mas. Terimakasih

    ReplyDelete
  16. ricoOctober 4, 2015 at 9:05 AM

    mas minta databasenya ??
    tolong kirim ke ricots47@gmail.com
    terima kasih

    ReplyDelete
  17. AdminJanuary 12, 2016 at 1:08 PM

    database nya gak ada ya mas

    ReplyDelete
  18. UnknownJune 30, 2016 at 7:39 PM

    gan saya udah coba tutor nya , pas waktu pake TABLE ID yang mas itu bisa tapi waktu pake yang saya itu gak muncul warna di poligonnya ....

    ReplyDelete
    Replies
    1. UnknownMay 19, 2017 at 6:44 AM

      boleh bagi database dan file kml nya gak kak? ke safiraayuandrini@gmail.com , terimakasih

      Delete
  19. UnknownOctober 18, 2016 at 1:27 PM

    Mas saya upload peta saya di fusion table trus idnya tak masukin ke geometrynya tapi gak muncul kalok d load dari script saya tu kenapa yah?

    ReplyDelete
  20. UnknownNovember 7, 2016 at 8:33 AM

    malo mas Dea, link ebook nya sudah ga aktif ya? saya tertarik untuk download, pengen belajar. makasi ya

    ReplyDelete
  21. sharingilmuJanuary 27, 2017 at 11:07 AM

    teman2 yang ada source code dari bang dea venditama,
    tolong kirim dong ke fendraps@gmail.com
    buat referensi TA

    ReplyDelete
  22. UnknownMay 18, 2017 at 6:32 PM

    kak ada database dan fussion table indonesia nya gak? kalau ada tolong kirim ke email safiraayuandrini@gmail.com .
    dan teman2 yang ada source code program ini tolong kirim ke email juga yaa :( buat referensi skripsi

    terimakasih

    ReplyDelete
  23. Hady Eka SaputraJune 26, 2017 at 3:34 PM

    Link ebooknya sudah tidak aktif lagi mas, apakah bisa di perbaharui ?

    ReplyDelete