Add non-stand icons to map
This commit is contained in:
parent
dba7cd0be4
commit
e3e7445cc0
GPG key ID:
A851D929D52FB93F
6 changed files with 259 additions and 273 deletions
114
data/data.json
114
data/data.json
|
|
@ -1,9 +1,8 @@
|
|||
{
|
||||
"stands": [
|
||||
[
|
||||
{
|
||||
"name": "Fridge",
|
||||
"image": "fridge.jpg",
|
||||
"type": "barrel",
|
||||
"type": "barrel-stand",
|
||||
"view": [
|
||||
"fridge1.jpg",
|
||||
"fridge2.jpg",
|
||||
|
|
@ -18,7 +17,7 @@
|
|||
{
|
||||
"name": "Tupperware",
|
||||
"image": "tupperware.jpg",
|
||||
"type": "castle",
|
||||
"type": "castle-stand",
|
||||
"view": [
|
||||
"tupperware1.jpg",
|
||||
"tupperware2.jpg",
|
||||
|
|
@ -33,7 +32,7 @@
|
|||
{
|
||||
"name": "Castle",
|
||||
"image": "castle.jpg",
|
||||
"type": "castle",
|
||||
"type": "castle-stand",
|
||||
"view": [
|
||||
"castle1.jpg",
|
||||
"castle2.jpg",
|
||||
|
|
@ -49,7 +48,7 @@
|
|||
{
|
||||
"name": "Ladder",
|
||||
"image": "ladder.jpg",
|
||||
"type": "ladder",
|
||||
"type": "ladder-stand",
|
||||
"view": [
|
||||
"ladder1.jpg",
|
||||
"ladder2.jpg",
|
||||
|
|
@ -64,7 +63,7 @@
|
|||
{
|
||||
"name": "Alan's",
|
||||
"image": "alans.jpg",
|
||||
"type": "castle",
|
||||
"type": "castle-stand",
|
||||
"view": [
|
||||
"alans1.jpg",
|
||||
"alans2.jpg",
|
||||
|
|
@ -79,7 +78,7 @@
|
|||
{
|
||||
"name": "East Barrel",
|
||||
"image": "eastbarrel.jpg",
|
||||
"type": "barrel",
|
||||
"type": "barrel-stand",
|
||||
"view": [
|
||||
"eastbarrel1.jpg",
|
||||
"eastbarrel2.jpg",
|
||||
|
|
@ -95,7 +94,7 @@
|
|||
{
|
||||
"name": "Iron Castle",
|
||||
"image": "ironcastle.jpg",
|
||||
"type": "castle",
|
||||
"type": "castle-stand",
|
||||
"view": [
|
||||
"ironcastle1.jpg",
|
||||
"ironcastle2.jpg"
|
||||
|
|
@ -109,7 +108,7 @@
|
|||
{
|
||||
"name": "Mile-high stand (TODO: rename)",
|
||||
"image": "irontree.jpg",
|
||||
"type": "ladder",
|
||||
"type": "ladder-stand",
|
||||
"view": [
|
||||
"irontree1.jpg",
|
||||
"irontree2.jpg"
|
||||
|
|
@ -123,7 +122,7 @@
|
|||
{
|
||||
"name": "Three-Legged Barrel",
|
||||
"image": "threeleggedbarrel.jpg",
|
||||
"type": "barrel",
|
||||
"type": "barrel-stand",
|
||||
"view": [
|
||||
"threeleggedbarrel1.jpg",
|
||||
"threeleggedbarrel2.jpg",
|
||||
|
|
@ -141,7 +140,7 @@
|
|||
{
|
||||
"name": "Hummock",
|
||||
"image": "hummock.jpg",
|
||||
"type": "ladder",
|
||||
"type": "ladder-stand",
|
||||
"active": false,
|
||||
"view": [
|
||||
"hummock1.jpg",
|
||||
|
|
@ -156,7 +155,7 @@
|
|||
{
|
||||
"name": "Sofa",
|
||||
"image": "sofa.jpg",
|
||||
"type": "ladder",
|
||||
"type": "ladder-stand",
|
||||
"view": [
|
||||
"sofa1.jpg",
|
||||
"sofa2.jpg",
|
||||
|
|
@ -172,7 +171,7 @@
|
|||
{
|
||||
"name": "Ridge",
|
||||
"image": "ridge.jpg",
|
||||
"type": "ladder",
|
||||
"type": "ladder-stand",
|
||||
"view": [
|
||||
"ridge1.jpg",
|
||||
"ridge2.jpg"
|
||||
|
|
@ -186,81 +185,68 @@
|
|||
{
|
||||
"name": "Point",
|
||||
"image": "point.jpg",
|
||||
"type": "castle",
|
||||
"type": "castle-stand",
|
||||
"view": [
|
||||
"point1.jpg",
|
||||
"point2.jpg",
|
||||
"point3.jpg"
|
||||
],
|
||||
"location": [47.488840, -93.389712],
|
||||
"attributes": {
|
||||
"Year Established": "2008",
|
||||
"Description": "Originally \"South Castle\". Post stand in 2008, half-wall stand in 2009, castle in 2012. Many deer were seen from the post, so decided to put up a permanent stand. The first morning of half-wall stand, 8 deer seen before 8:30 (including 8pt buck). Next day, another buck 7:30am. New ladder (with Sofa) 2020(?)"
|
||||
},
|
||||
"location": [47.488840, -93.389712]
|
||||
}
|
||||
],
|
||||
"fruit-trees_comment": "Dave attempted planting two fruit trees 2008 between Alan's stand and castle. Neither made it a year.",
|
||||
"fruit-trees": [
|
||||
},
|
||||
{
|
||||
"type": "Honeycrisp",
|
||||
"location": [],
|
||||
"name": "Apple tree",
|
||||
"type": "fruit-tree",
|
||||
"location": [47.492464, -93.391048],
|
||||
"attributes": {
|
||||
"Year Planted": 2019,
|
||||
"_TODO": "#TODO",
|
||||
"Description": ""
|
||||
"Year Planted": 2019
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Honeycrisp",
|
||||
"location": [],
|
||||
"name": "Apple tree",
|
||||
"type": "fruit-tree",
|
||||
"location": [47.492561, -93.391028],
|
||||
"attributes": {
|
||||
"Year Planted": 2019,
|
||||
"_TODO": "#TODO",
|
||||
"Description": ""
|
||||
"Year Planted": 2019
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Honeycrisp",
|
||||
"location": [],
|
||||
"name": "Apple tree",
|
||||
"type": "fruit-tree",
|
||||
"location": [47.492421, -93.389521],
|
||||
"attributes": {
|
||||
"Year Planted": 2019,
|
||||
"_TODO": "#TODO",
|
||||
"Description": ""
|
||||
"Year Planted": 2019
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Honeycrisp",
|
||||
"location": [],
|
||||
"name": "Apple tree",
|
||||
"type": "fruit-tree",
|
||||
"location": [47.492584, -93.389489],
|
||||
"attributes": {
|
||||
"Year Planted": 2019,
|
||||
"_TODO": "#TODO",
|
||||
"Description": ""
|
||||
"Year Planted": 2019
|
||||
}
|
||||
}
|
||||
],
|
||||
"buildings": [
|
||||
"shack built around 1980, put up over a weekend. Old one pushed over and burned. New cabin was reshingled once, floors rebuilt in 2006, moved to new foundation in 2019, eaves 2020, steel siding, new windows, and porch 2021-2022, steel roof added 2024 for $16500.",
|
||||
"outhouse built by Irving pre-1992 (when Dad started coming up; relatively new then), replaced older outhouse, which was 6 ft further north",
|
||||
""
|
||||
],
|
||||
"shack_location": [47.492264, -93.390625],
|
||||
"deer": [
|
||||
"TODO",
|
||||
{
|
||||
"date": "2023-11-11 17:00:00",
|
||||
"hunter": "Chris Lemke",
|
||||
"animal": "9pt buck",
|
||||
"stand": "Sofa",
|
||||
"notes": "Tracked after dark during a snowstorm",
|
||||
"_photo": null
|
||||
},
|
||||
{
|
||||
"date": "2023-11-11 17:00:00",
|
||||
"hunter": "Chris Lemke",
|
||||
"animal": "9pt buck",
|
||||
"stand": "Sofa",
|
||||
"notes": "Tracked after dark during a snowstorm",
|
||||
"_photo": null
|
||||
"name": "Shack",
|
||||
"image": "shack.jpg",
|
||||
"type": "shack",
|
||||
"location": [47.492260, -93.390626],
|
||||
"attributes": {
|
||||
"Year Established": "1980ish?",
|
||||
"Description": "The shack was initially put up in a weekend. The old shack was pushed over and burned. The building was reshingled once, had its floors rebuilt in 2006, was moved to a new poured concrete foundation in 2019, eaves built in 2020, steel siding, new windows and porch added 2021-2022, steel roof added in 2024 for $16500."
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "Outhouse",
|
||||
"image": "outhouse.jpg",
|
||||
"type": "outhouse",
|
||||
"location": [47.492454, -93.390241],
|
||||
"attributes": {
|
||||
"Year Established": "1980ish?",
|
||||
"Description": "The outhouse was built by Irving Jandt sometime before 1992 when Dave started attending, but was relatively new at that time. It replaced an older building six feet further to the north."
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 495 B After Width: | Height: | Size: 495 B |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 470 B After Width: | Height: | Size: 470 B |
20
map.html
20
map.html
|
|
@ -383,15 +383,15 @@
|
|||
});
|
||||
});
|
||||
|
||||
for (let stand of data.stands) {
|
||||
if (stand.location) {
|
||||
for (let poi of data) {
|
||||
if (poi.location) {
|
||||
const icon = L.icon({
|
||||
iconUrl: `images/icons/${stand.type}.svg`,
|
||||
iconUrl: `images/icons/${poi.type}.svg`,
|
||||
iconSize: [16, 16],
|
||||
iconAnchor: [8, 16],
|
||||
popupAnchor: [0, -12],
|
||||
});
|
||||
const marker = L.marker(stand.location, {icon}).addTo(map);
|
||||
const marker = L.marker(poi.location, {icon}).addTo(map);
|
||||
map.on('zoom', () => {
|
||||
icon.options.iconSize = [map.getZoom() * 8 - 104, map.getZoom() * 8 - 104];
|
||||
icon.options.iconAnchor = [icon.options.iconSize[0] / 2, icon.options.iconSize[1]];
|
||||
|
|
@ -401,13 +401,13 @@
|
|||
const popupContentWrapper = document.createElement('div');
|
||||
popupContentWrapper.classList.add('popup');
|
||||
let attributesString = '<dl>';
|
||||
for (let [attribute, value] of Object.entries(stand.attributes)) {
|
||||
for (let [attribute, value] of Object.entries(poi.attributes)) {
|
||||
attributesString += `<dt>${attribute}</dt><dd>${value}</dd>`;
|
||||
}
|
||||
attributesString += '</dl>';
|
||||
popupContentWrapper.innerHTML = `
|
||||
<h2>${stand.name}</h2>
|
||||
<a href="images/${stand.image}" onclick="displayLightboxOnClick(this, event)"><img style="width: min(80vw, 300px);" src="images/thumbs/${stand.image}"></a>
|
||||
<h2>${poi.name}</h2>
|
||||
<a href="images/${poi.image}" onclick="displayLightboxOnClick(this, event)"><img style="width: min(80vw, 300px);" src="images/thumbs/${poi.image}"></a>
|
||||
${attributesString}
|
||||
`;
|
||||
let popupOptions = {};
|
||||
|
|
@ -428,9 +428,9 @@
|
|||
<div class="legend-item"><span class="legend-line road"></span>Road</div>
|
||||
<div class="legend-item"><span class="legend-line trail"></span>Trail</div>
|
||||
<div class="legend-item"><span class="legend-line shooting_lane"></span>Shooting lane</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/castle.svg" alt="Castle icon">Castle stand</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/ladder.svg" alt="Ladder icon">Ladder stand</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/barrel.svg" alt="Barrel icon">Barrel stand</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/castle-stand.svg" alt="Castle icon">Castle stand</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/ladder-stand.svg" alt="Ladder icon">Ladder stand</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/barrel-stand.svg" alt="Barrel icon">Barrel stand</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/shack.svg" alt="Shack icon">Shack</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/outhouse.svg" alt="Outhouse icon">Outhouse</div>
|
||||
<div class="legend-item"><img class="legend-icon" src="images/icons/fruit-tree.svg" alt="Fruit tree icon">Fruit tree</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue