World Map on HTML5 Canvas or SVG

JavascriptWeb DevelopmentFront End Scripts

You can use SVG to create a World Map and work with raphaeljs.

Firstly, learn how to add Raphael.js, and create a circle,

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

// drawing circls
var circle =, 40, 10);

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

Then refer the following to create a World Map.

Updated on 27-Jan-2020 07:05:11