05 - 円を描画

学習内容: 地図上に円(Circle)と円マーカー(CircleMarker)を描画します。

ポイント:

// 円を描画(半径はメートル)
const circle = L.circle([35.6812, 139.7671], {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.3,
    radius: 500  // 500メートル
}).addTo(map);

// 円マーカーを描画(半径はピクセル)
const circleMarker = L.circleMarker([35.6896, 139.7006], {
    color: 'blue',
    fillColor: '#30f',
    fillOpacity: 0.5,
    radius: 20  // 20ピクセル
}).addTo(map);