Bản đồ thế giới trên HTML5 Canvas hoặc SVG

Bạn có thể sử dụng SVG để tạo Bản đồ thế giới và làm việc với raphaeljs.

Trước tiên, hãy tìm hiểu cách thêm Raphael.js và tạo vòng kết nối,

var paper = Raphael(10, 50, 320, 200);

// drawing circls
var circle = paper.circle(50, 40, 10);

circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");

Sau đó, hãy tham khảo phần sau để tạo Bản đồ Thế giới.