logBook = desc => { const array2table = rows => ['table'].concat(rows.map((row, i) => ['tr'].concat(row.map(e => [i ? 'td' : 'th', e])))) const text2array = rows => ((typeof rows === 'string') ? rows.trim().split('\n') : rows) .map((row, i) => ((typeof row === 'string') ? row.trim().split('|') : row) .map(cell => cell.trim())); const markPrefix = arr => { let hash = {}; return arr.map(row => { return row.map((e, x) => { if (x === 2) { if (hash[e] === undefined) { hash[e] = true; return ['b', e]; } } return e; }); }); }; const findCountryCode = s => { for(let len = dxcc.prefix.length - 1; len > 0; len--) { const m = dxcc.prefix[len][s.slice(0, len)]; if (m !== undefined) return m; } return 10000; } const addCountry = (res, row, y) => { let c; if (y === 0) { c = 'DXCC'; } else { const s = row[2]; const code = findCountryCode(s); c = dxcc.codes[code]; if (res[code] === undefined) { c = '' + c + ''; res[code] = {}; } res[code][s] = true; } row[5] = row[5] || ''; row[6] = row[6] || ''; row[7] = row[7] || ''; row[8] = c; return res; }; function qthLocation (qth) { qth = qth.trim().toUpperCase(); if (!qth.match(/[A-R][A-R][0-9][0-9][A-X][A-X]/)) return null; var arr = qth.split('').map(sym => sym.charCodeAt()); var lon1 = (arr[0] - 65 - 9) * 20; var lat1 = (arr[1] - 65 - 9) * 10; var lon2 = (arr[2] - 48) * 2; var lat2 = (arr[3] - 48) * 1; var lon3 = (arr[4] - 65) / 12; var lat3 = (arr[5] - 65) / 24; var lon12 = (lon1 + lon2); // + lon3); var lat12 = (lat1 + lat2); // + lat3); var lon123 = (lon1 + lon2 + lon3); var lat123 = (lat1 + lat2 + lat3); return [ [[lat12, lon12], [lat12 + 1, lon12 + 2]], [[lat123, lon123], [lat123 + 1/24, lon123 + 1/12]] ]; } let arr = text2array(desc); const count = arr.reduce(addCountry, {}); arr = markPrefix(arr); const container = DOM.element('div:div', {}); container.innerHTML = '

DXCC = ' + Object.keys(count).length + ' countries

'; const ml = ['div', {style: 'background-color: white;'}, array2table(arr)]; const txt = onml.stringify(ml); const tab = DOM.element('div:div', {}); tab.innerHTML = txt; const emap = DOM.element('div', { style: `width:${width}px;height:${width*.75}px` }); container.appendChild(emap); const map = L.map(emap).setView([20,26], 2.5); container.appendChild(tab); // let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', { // attribution: '© OpenStreetMap contributors' // }).addTo(map); let osmLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); // const marker = L.marker([54.3114016,26.837014]).addTo(map); const qth4 = {}; const qth6 = {}; arr.map(row => { const loc6 = row[5]; const loc4 = loc6.slice(0,4); const bounds = qthLocation(loc6); if (bounds) { qth4[loc4] = (qth4[loc4] || {bounds: bounds[0]}); qth6[loc6] = (qth6[loc6] || {bounds: bounds[1], signs: {}}); const sign = (typeof row[2] === 'string') ? row[2] : row[2][1]; qth6[loc6].signs[sign] = true; // L.rectangle(bounds[0], {color: "#f50", weight: 1}).addTo(map); // L.rectangle(bounds[1], {color: "#055", weight: 1}).addTo(map).bindPopup(s); } }); console.log(arr, qth4, qth6); Object.keys(qth4).map(key => { const val = qth4[key]; L.rectangle(val.bounds, {color: "#f50", weight: 1}).addTo(map); }); Object.keys(qth6).map(key => { const val = qth6[key]; const pop = Object.keys(val.signs).join('
'); L.rectangle(val.bounds, {color: "#055", weight: 1}).addTo(map).bindPopup(pop); }); Object.keys(count).map(code => { const coor = dxcc.locations[Number(code)]; if (coor) { L.marker(coor).addTo(map).bindPopup(Object.keys(count[code]).join('
')) } }); return container; }