Peta Interaktif berbasis SVG

Beberapa hari ini saya konsen dengan peta. Saya mencari bagaimana agar data bisa ditampilkan dengan baik dan gegas. Lalu saya menemukan cara yang lebih mudah. SVG kata kuncinya.


SVG adalah revolusi dalam web programming, dan memecahkan kebuntuan selama bertahun-tahun dimana melihat peta hanya pada shp, yang berat dan rumit.

Lalu muncullah Google Map yang membuat menjadi lebih mudah, namun masih tetap ada kendala: berat dan harus tetap online.

Kemarin saya mencoba membuat peta  Jawa Timur :
  1. Cari Peta Jawa Timur
  2. Blat di Inkscape dalam bentuk SVG
  3. Konversi peta SVG ke format Java Script melalui http://www.readysetraphael.com/ 
  4. Gunakan Raphaeljs.com untuk membuatnya lebih interaktif.

Kalau ingin membuat tooltips tambahkan library qtip. 

Comments

Post a Comment

Popular posts from this blog

Library untuk Visualisasi Data

Image
Lama saya mencari-cari library dalam Javascript untuk data visualisasi. Banyak, tapi mencari yang yang berkualitas, lengkap dan berlisensi bebas digunakan. Selama ini saya menggunakan RGraph  namun beberapa hari saya tidak bisa mengaksesnya. Apakah project ini dimatikan? Akhirnya saya menemukan library D3js yang memukau. Library yang berlisensi BSD ini "jangkauannya agak luas". jQuery ++ ?   Berikut hal yang dijangkau di library ini : D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. Contoh Grafik yang digenerate oleh d3js Melihat demo dan informasi yang saya baca di situsnya sungguh saya terkesan,  Kunjungi saja webnya, saya juga masih mau belajar hehe
Read more