map = { let container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` }); yield container; let map = L.map(container, { //center: [43.814488, -79.218430], // toronto zoo center: [43.645302, -79.380641], // downtown core zoom: 14, defaultExtentControl: true }); map.setView([43.814488, -79.218430], 14); // Basemap layers var CartoDB_Voyager = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/rastertiles/voyager/{z}/{x}/{y}{r}.png', { maxZoom: 20, attribution: '© OpenStreetMap | © CartoDB' }); var Stamen_TonerLite = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.png', { attribution: 'Map tiles by Stamen Design, CC BY 3.0 — Map data © OpenStreetMap', minZoom: 0, maxZoom: 20 }); // Filling out the layers control var baseMap = { "CartoDB Voyager": CartoDB_Voyager, "Stamen Toner Lite": Stamen_TonerLite }; var overlays = { "OG Centrelines 3": c3layer, "SS Centrelines 3": ssC3layer, "Failed Centrelines 3": ssC3layerfail, "OG Speed Limits 3": sl3layer, "SS Speed Limits 3": ssSL3layer, "Failed Speed Limits 3": ssSL3layerfail, "OG Centrelines 2": c2layer, "SS Centrelines 2": ssC2layer, "Failed Centrelines 2": ssC2layerfail, "OG Speed Limits 2": sl2layer, "SS Speed Limits 2": ssSL2layer, "Failed Speed Limits 2": ssSL2layerfail }; // Adding controls, layers, to the map L.control.layers(baseMap, overlays).addTo(map); L.control.scale().addTo(map); CartoDB_Voyager.addTo(map); map.addLayer(sl2layer); map.addLayer(ssSL2layerfail); }