leafletを鍛える。その４

#概要
leafletを鍛えてみた。
canvasに、書いてみた。

#写真

#サンプルコード

var map = L.map('map').setView([37.9, 140.1], 12);
var mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>';
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; ' + mapLink + ' Contributors',
    maxZoom: 18,
}).addTo(map);

L.canvasLayer().delegate(this).addTo(map);
      
function onDrawLayer(info) {
    var ctx = info.canvas.getContext('2d');
    ctx.clearRect(0, 0, info.canvas.width, info.canvas.height);
    ctx.fillStyle = "rgba(255, 116, 0, 255)";
    ctx.beginPath();
    ctx.arc(140, 140, 30, 0, Math.PI * 2);
    ctx.fill();
    ctx.closePath();
}

#成果物

以上。