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

feat(leaflet map) adds map 83ad9d7c76

testing deployment 17c39586fc

new test b58a4233e2

test deployment vercel 6128d5d70b

cleanup 43be59cf38

cleanup 04fdb8cb2e

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

adds documentation 70b51ff8da

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

minor text correction b8e44aa6e2