feature/leaflet-map #61

Esthetech · 2022-09-15T11:54:17Z

Esthetech commented

2022-09-15 11:54:17 +00:00

Ignore the test commits that was to get the preview working.

This branch adds a leaflet map, which can be implemented with a shortcode in any markdown file like

{{< map geoJson="data/geojsonContributors.json">}}

This way you can display a map on any page with any data.

If you wanna display new data in the tooltips just add a new property key/value.

e.g.

      "properties": {
        "a": "new value",
      }

One catcha is that Javascipt always output the order of the object in alfabetic order, there is nothing to do about this.

Key names groupName and listOfNames are reserved.
This will display it in the way it does now on the map
e.g.

"properties": {
  "groupName": "The Question of Funding",
   "listOfNames": [
     "Adele Jarrar",
     "Amany Khalifa",
     ]
}

So just to be clear if you want extra value under it, give the key name a letter that is after the l in the alfabet.
e.g.

"properties": {
 "groupName": "The Question of Funding",
  "listOfNames": [
     "Adele Jarrar",
     "Amany Khalifa",
    ],
  "m": "value under the list"
}

The new added value will alway be displayed the same and will be in a <p> tag.

Ignore the test commits that was to get the preview working. This branch adds a leaflet map, which can be implemented with a shortcode in any markdown file like ``` {{< map geoJson="data/geojsonContributors.json">}} ``` This way you can display a map on any page with any data. If you wanna display new data in the tooltips just add a new property key/value. e.g. ``` "properties": { "a": "new value", } ``` One catcha is that Javascipt always output the order of the object in alfabetic order, there is nothing to do about this. Key names `groupName` and `listOfNames` are reserved. This will display it in the way it does now on the map e.g. ``` "properties": { "groupName": "The Question of Funding", "listOfNames": [ "Adele Jarrar", "Amany Khalifa", ] } ``` So just to be clear if you want extra value under it, give the key name a letter that is after the `l` in the alfabet. e.g. ``` "properties": { "groupName": "The Question of Funding", "listOfNames": [ "Adele Jarrar", "Amany Khalifa", ], "m": "value under the list" } ``` The new added value will alway be displayed the same and will be in a `<p>` tag.

🎉 1

Esthetech added 6 commits 2022-09-15 11:54:17 +00:00

83ad9d7c76 feat(leaflet map) adds map

17c39586fc testing deployment

b58a4233e2 new test

6128d5d70b test deployment vercel

43be59cf38 cleanup

04fdb8cb2e cleanup

Esthetech added 1 commit 2022-09-15 12:05:06 +00:00

70b51ff8da adds documentation

Esthetech added 1 commit 2022-09-15 12:10:56 +00:00

b8e44aa6e2 minor text correction