World Map on HTML5 Canvas or SVG

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 = paper.circle(50, 40, 10);

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

Then refer the following to create a World Map.

Ankith Reddy

Published on 05-Apr-2018 16:31:38