publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-02-22 17:44:20 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Performed npm install --force to get around leaflet plugin's lack of gatsby 3.0 support, (seems to work anyway); made some styling updates to start with the mapbox map

Browse source
This commit is contained in:
Nat Hillard 2021-04-19 13:57:30 -04:00
parent 92d8d1a5e9
commit 7e8f07c62b
7 changed files with 8631 additions and 11750 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
justice40-frontend/gatsby-config.js
View file

@ -2,17 +2,15 @@ module.exports = {
siteMetadata: { siteMetadata: {
author: 'Shelby Switzer', author: 'Shelby Switzer',
title: `Justice40 Climate and Environment Justice Screening Tool`, title: `Justice40 Climate and Environment Justice Screening Tool`,
siteUrl: 'localhost:8000',
description: `Front end for Justice40 mappping tool project`, description: `Front end for Justice40 mappping tool project`,
navigation: [ navigation: [
{ {
items: [{ text: 'Home', link: '/' }], items: [{ text: 'Mapbox', link: '/mapbox' }],
}, },
{ {
items: [{ text: 'Leaflet', link: '/leaflet' }], items: [{ text: 'Leaflet', link: '/leaflet' }],
}, },
{
items: [{ text: 'Mapbox', link: '/mapbox' }],
},
{ {
items: [{ text: 'OpenLayers', link: '/openlayers' }], items: [{ text: 'OpenLayers', link: '/openlayers' }],
}, },
@ -46,7 +44,6 @@ module.exports = {
}, },
pathPrefix: process.env.BASEURL || '/', pathPrefix: process.env.BASEURL || '/',
plugins: [ plugins: [
"gatsby-plugin-netlify-cms",
"gatsby-plugin-sass", "gatsby-plugin-sass",
"gatsby-plugin-image", "gatsby-plugin-image",
"gatsby-plugin-react-helmet", "gatsby-plugin-react-helmet",

20362
justice40-frontend/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
justice40-frontend/package.json
View file

@ -22,7 +22,6 @@
"gatsby-plugin-image": "^1.3.0", "gatsby-plugin-image": "^1.3.0",
"gatsby-plugin-manifest": "^3.3.0", "gatsby-plugin-manifest": "^3.3.0",
"gatsby-plugin-mdx": "^2.3.0", "gatsby-plugin-mdx": "^2.3.0",
"gatsby-plugin-netlify-cms": "^5.3.0",
"gatsby-plugin-react-helmet": "^4.3.0", "gatsby-plugin-react-helmet": "^4.3.0",
"gatsby-plugin-react-leaflet": "^3.0.0", "gatsby-plugin-react-leaflet": "^3.0.0",
"gatsby-plugin-sass": "^4.3.0", "gatsby-plugin-sass": "^4.3.0",
@ -33,7 +32,6 @@
"gatsby-transformer-sharp": "^3.3.0", "gatsby-transformer-sharp": "^3.3.0",
"leaflet": "^1.7.1", "leaflet": "^1.7.1",
"mapbox-gl": "^2.2.0", "mapbox-gl": "^2.2.0",
"netlify-cms-app": "^2.14.45",
"ol": "^6.5.0", "ol": "^6.5.0",
"react": "^17.0.2", "react": "^17.0.2",
"react-dom": "^17.0.2", "react-dom": "^17.0.2",

2
justice40-frontend/src/pages/leaflet.js
View file

@ -8,7 +8,7 @@ const LeafletMap = () => {
<MapContainer <MapContainer
center={[39.0458, -76.6413]} center={[39.0458, -76.6413]}
zoom={8} zoom={8}
style={{ height: "400px" }} style={{ height: "50vh" }}
> >
<TileLayer <TileLayer
attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'

1
justice40-frontend/src/pages/mapbox.js
View file

@ -36,6 +36,7 @@ const layerStyle = {
const mapStyle = { const mapStyle = {
'version': 8, 'version': 8,
'cursor': 'pointer',
'sources': { 'sources': {
'carto-light': { 'carto-light': {
'type': 'raster', 'type': 'raster',

5
justice40-frontend/src/pages/mapbox.module.css
View file

@ -1,6 +1,9 @@
.mapContainer { .mapContainer {
height: 400px; height: 50vh;
width: 100%; width: 100%;
display: flex;
flex-direction: column;
align-content: center;
} }
.tooltip { .tooltip {

2
justice40-frontend/src/styles/index.scss
View file

@ -15,7 +15,7 @@ $theme-font-path: "../../node_modules/uswds/src/fonts";
#ol-map { #ol-map {
min-width: 600px; min-width: 600px;
min-height: 500px; min-height: 50vh;
height: 500px; height: 500px;
width: 100%; width: 100%;
} }