JS地図ライブラリ・リーフレットを使って国土地理院のタイルマップや航空画像を使う方法

var map = L.map('myMap', {
    center: [32.639884, 130.987154],
    zoom: 8,
})

L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
    attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>国土地理院</a>",
    maxZoom: 18
}).addTo(map);

const osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
});
const gsi = L.tileLayer(`https://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png`, {
    attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>国土地理院</a>",
    maxZoom: 18
});
const ewi = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
    attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',
});

var baseMaps = {
    "シンプル": osm,
    "詳細": gsi,
    "航空写真": ewi,
}

var map = L.map('myMap', {
    center: [32.639884, 130.987154],
    zoom: 8,
    layers: [osm]
})

var LayerControl = L.control.layers(baseMaps).addTo(map);