map = { const container = html`

`; yield container; const oriental = [35.0310, -76.6930]; const charleston = [32.7765, -79.9311]; // Wikimedia var wikimedia = L.tileLayer('https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}@2x.png', {attribution: "Wikimedia maps | © OpenStreetMap contributors"}); // OpenStreetMap var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {attribution: '© OpenStreetMap contributors'}); // CartoDB Positron var cartodb = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {attribution: '© OpenStreetMap contributors, © CartoDB'}); // OSM Toner var toner = L.tileLayer('http://{s}.tile.stamen.com/toner/{z}/{x}/{y}.png', {attribution: 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under ODbL.'}); // White background var white = L.tileLayer("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEAAQMAAABmvDolAAAAA1BMVEX///+nxBvIAAAAH0lEQVQYGe3BAQ0AAADCIPunfg43YAAAAAAAAAAA5wIhAAAB9aK9BAAAAABJRU5ErkJggg=="); // Overlay layer (TMS) var layer = L.tileLayer('https://pbogden.com/mapping/tiles/{z}/{x}/{y}.png', {tms: true, opacity: 0.7, attribution: "My stuff"}); mutable layer = layer; var basemaps = {"Wikimedia": wikimedia, "OpenStreetMap": osm, "CartoDB Positron": cartodb, "Stamen Toner": toner, "rien": white}; var overlaymaps = {"Layer": layer}; var map = L.map(container, { center: charleston, zoom: 8, maxZoom: 12, layers: [wikimedia, layer] }); L.control.layers(basemaps, overlaymaps).addTo(map); }