diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index c8195c33..80c9e674 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -785,7 +785,7 @@ $(document).ready(function(){
var map = L.map('map', {
layers: [layer],
center: [19, 0],
- zoom: 3
+ zoom: 2
});
var grid_two = ;
@@ -809,7 +809,7 @@ $(document).ready(function(){
console.log(loc_4char);
console.log(map.getZoom());
- if(map.getZoom() > 5) {
+ if(map.getZoom() > 2) {
var search_type = "uri->segment(2); ?>";
if(search_type == "satellites") {
console.log("satellites search");
diff --git a/assets/js/leaflet/L.MaidenheadColoured.js b/assets/js/leaflet/L.MaidenheadColoured.js
index a12e490b..06334700 100644
--- a/assets/js/leaflet/L.MaidenheadColoured.js
+++ b/assets/js/leaflet/L.MaidenheadColoured.js
@@ -4,7 +4,7 @@
L.Maidenhead = L.LayerGroup.extend({
-
+
options: {
// Line and label color
color: 'rgba(255, 0, 0, 0.4)',
@@ -28,7 +28,7 @@ L.Maidenhead = L.LayerGroup.extend({
this.eachLayer(map.addLayer, map);
},
-
+
onRemove: function (map) {
// remove layer listeners and elements
map.off('viewreset '+ this.options.redraw, this.map);
@@ -36,8 +36,8 @@ L.Maidenhead = L.LayerGroup.extend({
},
redraw: function () {
- var d3 = new Array(20,10,10,10,10,10,1 ,1 ,1 ,1 ,1/24,1/24,1/24,1/24,1/24,1/240,1/240,1/240,1/240,1/240/24,1/240/24 );
- var lat_cor = new Array(0 ,8 ,8 ,8 ,10,14,6 ,8 ,8 ,8 ,1.4 ,2.5 ,3 ,3.5 ,4 ,4 ,3.5 ,3.5 ,3 ,1.8 ,1.6 );
+ var d3 = new Array(20, 10, 10, 1, 1, 1, 1, 1, 1, 1, 1 / 24, 1 / 24, 1 / 24, 1 / 24, 1 / 24, 1 / 240, 1 / 240, 1 / 240, 1 / 240, 1 / 240 / 24, 1 / 240 / 24);
+ var lat_cor = new Array(0, 8, 8, 8, 8, 1.7, 6, 8, 8, 8, 1.4, 2.5, 3, 3.5, 4, 4, 3.5, 3.5, 3, 1.8, 1.6);
var bounds = map.getBounds();
var zoom = map.getZoom();
var unit = d3[zoom];
@@ -54,10 +54,11 @@ L.Maidenhead = L.LayerGroup.extend({
var top = Math.ceil(n/unit)*unit;
var bottom = Math.floor(s/unit)*unit;
this.eachLayer(this.removeLayer, this);
+
for (var lon = left; lon < right; lon += (unit*2)) {
for (var lat = bottom; lat < top; lat += unit) {
var bounds = [[lat,lon],[lat+unit,lon+(unit*2)]];
-
+
if(grid_two.includes(this._getLocator(lon,lat)) || grid_four.includes(this._getLocator(lon,lat)) || grid_six.includes(this._getLocator(lon,lat))) {
if(grid_two_confirmed.includes(this._getLocator(lon,lat)) || grid_four_confirmed.includes(this._getLocator(lon,lat)) || grid_six_confirmed.includes(this._getLocator(lon,lat))) {
@@ -65,19 +66,51 @@ L.Maidenhead = L.LayerGroup.extend({
} else {
this.addLayer(L.rectangle(bounds, {className: 'grid-rectangle grid-worked', color: this.options.color, weight: 1, fillOpacity: 1, fill:true, interactive: false}));
}
+ if (zoom < 2 || zoom > 4) {
+ this.addLayer(this._getLabel(lon+unit-(unit/lcor),lat+(unit/2)+(unit/lcor*c)));
+ }
+ if (zoom < 3 ) {
+ this.addLayer(L.rectangle(bounds, {className: 'grid-rectangle', color: this.options.color, weight: 1, fill:false, interactive: false}));
+ }
} else {
- this.addLayer(L.rectangle(bounds, {className: 'grid-rectangle', color: this.options.color, weight: 1, fill:false, interactive: false}));
+ if (zoom < 3 || zoom > 5) {
+ this.addLayer(L.rectangle(bounds, {className: 'grid-rectangle', color: this.options.color, weight: 1, fill:false, interactive: false}));
+ }
}
//var pont = map.latLngToLayerPoint([lat,lon]);
//console.log(pont.x);
- this.addLayer(this._getLabel(lon+unit-(unit/lcor),lat+(unit/2)+(unit/lcor*c)));
+ if (zoom < 3 || zoom > 5) {
+ this.addLayer(this._getLabel(lon+unit-(unit/lcor),lat+(unit/2)+(unit/lcor*c)));
+ }
+ }
+ }
+ // Added this to print fields and field name, while still showing worked/confirmed gridsquares
+ if (zoom < 5 && zoom > 2) {
+ unit = 10;
+ var left = Math.floor(w / (unit * 2)) * (unit * 2);
+ var right = Math.ceil(e / (unit * 2)) * (unit * 2);
+ var top = Math.ceil(n / unit) * unit;
+ var bottom = Math.floor(s / unit) * unit;
+ for (var lon = left; lon < right; lon += (unit * 2)) {
+ for (var lat = bottom; lat < top; lat += unit) {
+ var bounds = [[lat, lon], [lat + unit, lon + (unit * 2)]];
+
+ this.addLayer(L.rectangle(bounds, {
+ className: 'grid-rectangle',
+ color: this.options.color,
+ weight: 1,
+ fill: false,
+ interactive: false
+ }));
+ this.addLayer(this._getLabel2(lon + unit - (unit / lcor), lat + (unit / 2) + (unit / lcor * c)));
+ }
}
}
return this;
},
-
+
_getLabel: function(lon,lat) {
- var title_size = new Array(0 ,10,12,16,20,26,15,16,24,36,12 ,14 ,20 ,36 ,60 ,12 ,20 ,36 ,60 ,12 ,24 );
+ var title_size = new Array(0, 10, 14, 16, 6, 13, 14, 16, 24, 36, 12, 14, 20, 36, 60, 12, 20, 36, 60, 12, 24);
var zoom = map.getZoom();
var size = title_size[zoom]+'px';
var title = '' + this._getLocator(lon,lat) + '';
@@ -85,12 +118,12 @@ L.Maidenhead = L.LayerGroup.extend({
var marker = L.marker([lat,lon], {icon: myIcon}, clickable=false);
return marker;
},
-
+
_getLocator: function(lon,lat) {
var ydiv_arr=new Array(10, 1, 1/24, 1/240, 1/240/24);
var d1 = "ABCDEFGHIJKLMNOPQR".split("");
var d2 = "ABCDEFGHIJKLMNOPQRSTUVWX".split("");
- var d4 = new Array(0 ,1 ,1 ,1 ,1 ,1 ,2 ,2 ,2 ,2 ,3 ,3 ,3 ,3 ,3 ,4 ,4 ,4 ,4 ,5 ,5 );
+ var d4 = new Array(0, 1, 1, 2, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5);
var locator = "";
var x = lon;
var y = lat;
@@ -107,15 +140,56 @@ L.Maidenhead = L.LayerGroup.extend({
if ((i%2)==0) {
locator += Math.floor(rlon/(ydiv_arr[i+1]*2)) +""+ Math.floor(rlat/(ydiv_arr[i+1]));
} else {
- locator += d2[Math.floor(rlon/(ydiv_arr[i+1]*2))] +""+ d2[Math.floor(rlat/(ydiv_arr[i+1]))];
+ locator += d2[Math.floor(rlon/(ydiv_arr[i+1]*2))] +""+ d2[Math.floor(rlat/(ydiv_arr[i+1]))];
}
}
- }
+ }
return locator;
},
-
-
+ /*
+ Need this for the field printing, while showing worked/confirmed grids
+ */
+ _getLabel2: function(lon,lat) {
+ var title_size = new Array(0, 10, 12, 16, 20, 26, 26, 16, 24, 36, 12, 14, 20, 36, 60, 12, 20, 36, 60, 12, 24);
+ var zoom = map.getZoom();
+ var size = title_size[zoom]+'px';
+ var title = '' + this._getLocator2(lon,lat) + '';
+ var myIcon = L.divIcon({className: 'my-div-icon', html: title});
+ var marker = L.marker([lat,lon], {icon: myIcon}, clickable=false);
+ return marker;
+ },
+
+ /*
+ Need this for the field printing, while showing worked/confirmed grids
+ */
+ _getLocator2: function(lon,lat) {
+ var ydiv_arr=new Array(10, 1, 1/24, 1/240, 1/240/24);
+ var d1 = "ABCDEFGHIJKLMNOPQR".split("");
+ var d2 = "ABCDEFGHIJKLMNOPQRSTUVWX".split("");
+ var d4 = new Array(0, 1, 1, 1, 1, 1, 1, 2, 2, 2, 3, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5);
+ var locator = "";
+ var x = lon;
+ var y = lat;
+ var precision = d4[map.getZoom()];
+ while (x < -180) {x += 360;}
+ while (x > 180) {x -=360;}
+ x = x + 180;
+ y = y + 90;
+ locator = locator + d1[Math.floor(x/20)] + d1[Math.floor(y/10)];
+ for (var i=0; i<4; i=i+1) {
+ if (precision > i+1) {
+ rlon = x%(ydiv_arr[i]*2);
+ rlat = y%(ydiv_arr[i]);
+ if ((i%2)==0) {
+ locator += Math.floor(rlon/(ydiv_arr[i+1]*2)) +""+ Math.floor(rlat/(ydiv_arr[i+1]));
+ } else {
+ locator += d2[Math.floor(rlon/(ydiv_arr[i+1]*2))] +""+ d2[Math.floor(rlat/(ydiv_arr[i+1]))];
+ }
+ }
+ }
+ return locator;
+ },
});