map = {
const context = DOM.context2d(width, height);
const path = d3.geoPath(projection, context);
context.save();
context.beginPath(),
path(outline),
context.clip(),
(context.fillStyle = backgroundColor),
context.fillRect(0, 0, width, height);
context.beginPath(),
path(land),
(context.fillStyle = landColor),
context.fill();
context.beginPath(),
path(graticule),
(context.strokeStyle = graticuleColor),
context.stroke();
if (showIndicatrix) {
context.beginPath(),
path(circles),
(context.fillStyle = `rgba(243, 156, 18, ${opacity})`),
context.fill();
context.beginPath(),
path(circles),
(context.strokeStyle = `rgba(30, 30, 30, ${opacity})`),
context.stroke();
}
context.restore();
return context.canvas;
}