var map; var grid_four = ''; var grid_four_lotw = ''; var grid_four_paper = ''; function gridPlot(form, dxcc) { $(".ld-ext-right-plot").addClass('running'); $(".ld-ext-right-plot").prop('disabled', true); $('#plot').prop("disabled", true); // If map is already initialized var container = L.DomUtil.get('gridsquare_map'); if(container != null){ container._leaflet_id = null; container.remove(); $("#gridmapcontainer").append('
'); } ajax_url = site_url + '/awards/getGridmasterGridsjs/'+dxcc; $.ajax({ url: ajax_url, type: 'post', data: { dxcc: 'us' }, success: function (data) { $('.cohidden').show(); $(".ld-ext-right-plot").removeClass('running'); $(".ld-ext-right-plot").prop('disabled', false); $('#plot').prop("disabled", false); grids = data.grids; grid_max = data.grid_count; grid_four = data.grid_4char; grid_four_lotw = data.grid_4char_lotw; grid_four_paper = data.grid_4char_paper; lat = data.lat; lon = data.lon; zoom = data.zoom; paper_count = 0; grid_four_paper.forEach((element) => { if (!grid_four_lotw.includes(element)) { paper_count++; } }); var layer = L.tileLayer(jslayer, { maxZoom: 12, attribution: jsattribution, id: 'mapbox.streets' }); map = L.map('gridsquare_map', { layers: [layer], center: [lat, lon], zoom: zoom, minZoom: 4, maxZoom: 12, fullscreenControl: true, fullscreenControlOptions: { position: 'topleft' }, }); var printer = L.easyPrint({ tileLayer: layer, sizeModes: ['Current'], filename: 'myMap', exportOnly: true, hideControlContainer: true }).addTo(map); /*Legend specific*/ var legend = L.control({ position: "topright" }); legend.onAdd = function(map) { var div = L.DomUtil.create("div", "legend"); html = "' + gridsquares_gridsquares_lotw + ': | '+grid_four_lotw.length+' / '+grid_max+' |
' + gridsquares_gridsquares_paper + ': | '+paper_count+' / '+grid_max+' |
' + gridsquares_gridsquares_worked + ' ('+(Math.round((grid_four.length / grid_max) * 10000) / 100)+'%): | '+(grid_four.length)+' / '+grid_max+' |