diff options
| -rw-r--r-- | client/map/index.js | 16 | ||||
| -rw-r--r-- | site/assets/css/css.css | 12 |
2 files changed, 17 insertions, 11 deletions
diff --git a/client/map/index.js b/client/map/index.js index 4b922ec5..a9afe211 100644 --- a/client/map/index.js +++ b/client/map/index.js @@ -37,13 +37,19 @@ const redDot = L.icon({ popupAnchor: [0, -5] // point from which the popup should open relative to the iconAnchor }) -function addMarker(map, latlng, title, subtext) { +function addMarker(map, latlng, title, subtext, year) { const marker = L.marker(latlng, { icon: redDot }).addTo(map) - marker.bindPopup([ + let message = [ "<b>", title, "</b>", + ] + message = message.concat([ "<br>", subtext, - ].join('')) + ]) + if (year) { + message.push(" (" + year + ")") + } + marker.bindPopup(message.join('')) return marker } @@ -86,13 +92,13 @@ export default function append(el, payload) { const citationAddress = citation.addresses[0] const latlng = [citationAddress.lat, citationAddress.lng].map(n => parseFloat(n)) if (Number.isNaN(latlng[0]) || Number.isNaN(latlng[1])) return - addMarker(map, latlng, citation.title, citationAddress.name) + addMarker(map, latlng, citation.title, citationAddress.name, citation.year) addArc(map, source, latlng, arcStyles[citationAddress.type]) }) console.log(paper) - const rootMarker = addMarker(map, source, paper.title, paper.address) + const rootMarker = addMarker(map, source, paper.title, address.name, paper.year) rootMarker.openPopup() // a transparent div to cover the map, so normal scroll events will not be eaten by leaflet diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 91d75599..b8798cd9 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -675,14 +675,14 @@ page-specific formatting display: inline-block; margin-right: 10px } -.edu{ - color:#f30000; +.edu { + color: #f2f293; } -.com{ - color:#f2f293; +.com { + color: #3264f6; } -.gov{ - color:#3264f6; +.gov { + color: #f30000; } /* about */ |